
/* lrs-ft v2 (08/10/2026) : le pied prend la grammaire du brouillon de l'accueil (autosave 365870).
   - signature "Du brief au dernier cable. On gere." en Archivo 800 largeur 62, capitales, "On gere." en orange,
     comme le slogan "Vous imaginez. On realise." du hero ;
   - surtitres de colonne en gris chaud #b8b3ae (Montserrat 700, 14 px, .16em), liens et valeurs en creme ;
   - icones au trait 1.8 en currentColor (plus de Lottie, plus de pastille orange du kit), reseaux 20 px sans cercle ;
   - zero filet, zero lueur : une seule source lumineuse, le champ aurore ; le pied s'y fond (degrade du kit) ;
   - grille et barre du bas calees sur la colonne 1200 du site, gouttiere du jeton --lrs-gouttiere (24 / 20 px).
   Les regles qui doivent battre le kit (pastille des icones, corps des intitules) portent html body + classe doublee.
   Le kit garde la main sur : liens resserres 6 px (demande client), zone tactile 44 px sous 768 px, survol orange,
   degrade de fond, 78 px sous le pied de l'accueil. v1 : 09/2026 (Lottie, filets, lueur orange). */
@font-face{font-family:"Archivo LRS";src:url(/wp-content/uploads/lorents-fonts/archivo-var-latin.woff2) format("woff2");font-weight:400 900;font-stretch:62% 125%;font-display:swap}
/* 15/09 et 16/09/2026 : le conteneur Elementor du pied (7d37287) est une colonne a gap 20 px qui porte deux widgets de
   script vides apres le pied, et le kit lui pose une gouttiere en mobile et tablette : neutralises ici. */
html body .elementor-location-footer .elementor-element-7d37287.e-con{gap:0 !important;padding-left:0 !important;padding-right:0 !important}
.lrs-ft.lrs-ft{--pp:#f6f1ec;--gr:#b8b3ae;--tx:#d6d1cc;--or:#e07a4a;--c2:var(--or);--tn:246,241,236;
  --ez:cubic-bezier(.16,1,.3,1);--ft-arch:"Archivo LRS",Archivo,system-ui,sans-serif;
  font-family:Montserrat,system-ui,sans-serif;position:relative;overflow:hidden;width:100%;box-sizing:border-box;
  color:var(--pp);background:#0d0d0d;padding:0 0 28px}
.lrs-ft.lrs-ft *{box-sizing:border-box}
.lrs-ft__in.lrs-ft__in{position:relative;z-index:1;width:100%;margin:0;padding:72px var(--lrs-gouttiere,24px) 0}

/* ---- grille : colonne 1200 ---- */
.lrs-ft__g.lrs-ft__g{display:grid;grid-template-columns:1fr;gap:40px;max-width:1200px;margin:0 auto}
@media(min-width:620px){.lrs-ft__g.lrs-ft__g{grid-template-columns:1fr 1fr;gap:44px 32px}}
@media(min-width:1000px){.lrs-ft__g.lrs-ft__g{grid-template-columns:1.6fr 1fr 1.15fr 1fr;gap:48px}}

/* ---- bloc de marque : surtitre gris, signature Archivo, reseaux, lieux ---- */
html body .lrs-ft .lrs-ft__base.lrs-ft__base{margin:0 !important;display:block;font-family:Montserrat,system-ui,sans-serif !important;
  font-weight:700 !important;font-size:14px !important;line-height:1.3;letter-spacing:.16em !important;text-transform:uppercase;color:var(--gr)}
html body .lrs-ft .lrs-ft__base.lrs-ft__base::before{content:none !important}
html body .lrs-ft .lrs-ft__baseline.lrs-ft__baseline{margin:20px 0 0;max-width:none;
  font-family:var(--ft-arch) !important;font-weight:800 !important;font-stretch:62%;font-variation-settings:'wdth' 62;
  font-size:clamp(34px,2.9vw,42px);line-height:.9;letter-spacing:0;text-transform:uppercase;color:var(--pp)}
html body .lrs-ft .lrs-ft__baseline.lrs-ft__baseline .lrs-ft__kw{color:var(--or)}
.lrs-ft__soc.lrs-ft__soc{display:flex;gap:4px;margin:26px 0 0 -12px}
html body .lrs-ft .lrs-ft__soc.lrs-ft__soc a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;
  border:0;border-radius:0;background:none;color:var(--gr);text-decoration:none;transition:color .5s var(--ez)}
html body .lrs-ft .lrs-ft__soc.lrs-ft__soc a:hover{color:var(--or);background:none}
.lrs-ft__soc.lrs-ft__soc a:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.lrs-ft__soc.lrs-ft__soc svg{width:20px;height:20px;fill:currentColor;stroke:none}
html body .lrs-ft .lrs-ft__zone.lrs-ft__zone{margin-top:24px;display:flex;flex-wrap:wrap;gap:4px 20px;
  font-size:13px !important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gr)}

/* ---- intitules de colonne = surtitres du brouillon (gris, 14 px, .16em) ----
   html body + triple classe : le kit fixe 13 px / 15 px mobile et un rembourrage de 20 px pour un filet qui n'existe plus.
   Le prefixe html:not(#lrs-pf) sur la couleur bat la feuille blanche du catalogue (body.lrs-blanc x4) qui remet du creme. */
html body .lrs-ft .lrs-ft__t.lrs-ft__t.lrs-ft__t{font-family:Montserrat,system-ui,sans-serif !important;font-weight:700 !important;
  font-size:14px !important;line-height:1.3;letter-spacing:.16em !important;text-transform:uppercase;
  margin:0 0 12px !important;padding:0 !important;position:relative}
html:not(#lrs-pf) body .lrs-ft .lrs-ft__t.lrs-ft__t.lrs-ft__t{color:var(--gr) !important}
html body .lrs-ft .lrs-ft__t.lrs-ft__t::after{content:none !important}
.lrs-ft__l.lrs-ft__l{display:inline-block;position:relative;font-size:15px;line-height:1.45;font-weight:500;
  color:var(--tx);text-decoration:none;padding:6px 0;transition:color .5s var(--ez)}
.lrs-ft__l.lrs-ft__l:hover{color:var(--or)}
.lrs-ft__l.lrs-ft__l:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.lrs-ft__col.lrs-ft__col ul{list-style:none;margin:0;padding:0}
.lrs-ft__col.lrs-ft__col li{margin:0;padding:0}
.lrs-ft__col.lrs-ft__col li::before{content:none}

/* ---- contact : icone au trait, etiquette grise, valeur creme ----
   html body + classe doublee + svg : le kit peint une pastille orange de 30 px (fond .12, trait orange). */
.lrs-ft__c.lrs-ft__c{display:flex;gap:12px;align-items:flex-start;padding:7px 0;text-decoration:none;color:inherit}
.lrs-ft__c.lrs-ft__c .lrs-ft__ic{position:relative;flex:0 0 auto;width:20px;height:20px;margin:1px 0 0}
html body .lrs-ft .lrs-ft__c.lrs-ft__c svg{display:block;width:20px !important;height:20px !important;margin:0 !important;padding:0 !important;
  border-radius:0;background:none !important;stroke:var(--gr) !important;fill:none;stroke-width:1.8 !important;
  stroke-linecap:round;stroke-linejoin:round;transition:stroke .5s var(--ez)}
html body .lrs-ft .lrs-ft__c.lrs-ft__c:hover svg{stroke:var(--or) !important;background:none !important}
html body .lrs-ft .lrs-ft__c.lrs-ft__c b{display:block;font-size:12px !important;line-height:1.3;letter-spacing:.16em !important;
  text-transform:uppercase;color:var(--gr) !important;font-weight:700}
.lrs-ft__c.lrs-ft__c span{display:block;margin-top:4px;font-size:15px;line-height:1.5;font-weight:500;color:var(--tx);transition:color .5s var(--ez)}
.lrs-ft__c.lrs-ft__c:hover span{color:var(--or)}
.lrs-ft__c.lrs-ft__c:focus-visible{outline:2px solid var(--or);outline-offset:2px}

/* ---- barre du bas : colonne 1200, meta grise 13 px, "haut de page" en surtitre ---- */
.lrs-ft__bas.lrs-ft__bas{position:relative;z-index:1;width:100%;max-width:calc(1200px + 2 * var(--lrs-gouttiere,24px));
  margin:56px auto 0;padding:0 var(--lrs-gouttiere,24px);border:0;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;
  font-size:13px;font-weight:500;line-height:1.5;color:var(--gr)}
.lrs-ft__bas.lrs-ft__bas a{color:var(--gr);text-decoration:none;transition:color .5s var(--ez);display:inline-flex;align-items:center;min-height:44px}
.lrs-ft__bas.lrs-ft__bas a:hover{color:var(--or)}
.lrs-ft__bas.lrs-ft__bas a:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.lrs-ft__haut.lrs-ft__haut{margin-left:auto;gap:8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.lrs-ft__haut.lrs-ft__haut svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ez)}
.lrs-ft__haut.lrs-ft__haut:hover svg{transform:translateY(-2px)}

/* ---- accordeon mobile : les trois colonnes titrees se replient (<details> ouverts par defaut, un script les
   referme sous 600 px ; au-dessus le clic est neutralise). Marqueur en chevron au trait, dans la couleur du surtitre. */
.lrs-ft__col summary{list-style:none}
.lrs-ft__col summary::-webkit-details-marker{display:none}
@media(min-width:600px){.lrs-ft__col summary{pointer-events:none}}
@media(max-width:599px){
  html body .lrs-ft .lrs-ft__g.lrs-ft__g{gap:12px}
  html body .lrs-ft .lrs-ft__g > .lrs-ft__col:first-child{margin-bottom:24px}
  html body .lrs-ft details.lrs-ft__col{border:0;padding:0}
  .lrs-ft__col summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
  html body .lrs-ft .lrs-ft__col summary .lrs-ft__t.lrs-ft__t.lrs-ft__t{margin:0 !important;flex:1 1 auto}
  .lrs-ft__col summary::after{content:"";flex:0 0 auto;width:10px;height:10px;margin-right:4px;
    border-right:1.8px solid var(--gr);border-bottom:1.8px solid var(--gr);transform:translateY(-3px) rotate(45deg);
    transition:transform .5s var(--ez),border-color .5s var(--ez)}
  details[open].lrs-ft__col summary::after{border-color:var(--or);transform:translateY(3px) rotate(225deg)}
  html body .lrs-ft .lrs-ft__baseline.lrs-ft__baseline{font-size:34px}
  html body .lrs-ft .lrs-ft__c.lrs-ft__c b{font-size:13px !important;letter-spacing:.14em !important}
}
@media(prefers-reduced-motion:reduce){
  .lrs-ft.lrs-ft *,.lrs-ft.lrs-ft *::after{transition:none !important}
  .lrs-ft__haut.lrs-ft__haut:hover svg{transform:none}
}
