/* pied.css - le pied de page F2, partage par toutes les pages.
   Sorti de chrome-accueil.css le 5 octobre : ses 32 regles y etaient
   contigues en fin de feuille et seule l accueil les chargeait.
   Source unique : ne pas recopier ces regles ailleurs. */
/* --- pied, variante F2 --- */

/* ------------------------------------------------- pied F2, repris du site */
.ft2{background:var(--ink,#0E1117);color:#F4F6F8;padding:clamp(32px,3.4vw,46px) 0 clamp(14px,1.6vw,20px)}
.ft2 a{color:inherit;text-decoration:none}
.ft2-t{display:flex;align-items:flex-end;justify-content:flex-start;gap:28px;flex-wrap:wrap;
  padding-bottom:clamp(15px,1.7vw,21px);border-bottom:1px solid rgba(244,246,248,.16)}
.ft2-j{display:flex;gap:clamp(20px,2.8vw,50px);flex-wrap:wrap;align-items:baseline}
.ft2-j a,.ft2-j span{max-width:none;font-family:'Geist Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.11em;text-transform:uppercase}
.ft2-j span{color:rgba(244,246,248,.5)}
.ft2-j a{color:rgba(244,246,248,.86);border-bottom:1px solid rgba(244,246,248,.28);padding-bottom:2px;
  transition:color .3s,border-color .3s}
.ft2-j a:hover{color:#F4F6F8;border-color:#9CC3DB}
/* les horaires ferment la ligne de contact, à son extrémité droite */
.ft2-j .ft2-hr{margin-left:auto;color:rgba(244,246,248,.5)}
@media(max-width:860px){.ft2-j .ft2-hr{margin-left:0;flex-basis:100%}}
.ft2-g{margin-top:clamp(18px,2vw,27px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.4vw,42px)}
.ft2-h{margin:0 0 12px;font-family:'Geist Mono',ui-monospace,monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:rgba(244,246,248,.52)}
.ft2-l{list-style:none;margin:0;padding:0}
.ft2-l li + li{margin-top:7px}
.ft2-l a{display:block;max-width:none;font-size:13.5px;line-height:1.45;
  color:rgba(244,246,248,.82);transition:color .3s}
.ft2-l a:hover{color:#F4F6F8}
.ft2-b{margin-top:clamp(18px,2.1vw,28px);padding-top:clamp(12px,1.4vw,16px);
  border-top:1px solid rgba(244,246,248,.14)}
.ft2-d{margin:0 0 clamp(12px,1.4vw,17px);max-width:none;font-size:12px;line-height:1.66;
  color:rgba(244,246,248,.56)}
.ft2-lg{margin:0;max-width:none;font-family:'Geist Mono',ui-monospace,monospace;font-size:8.5px;
  letter-spacing:.035em;text-transform:uppercase;color:rgba(244,246,248,.38);line-height:1.62}
@media(max-width:900px){
  .ft2-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft2-lg{font-size:8px}
  .ft2-d{font-size:11.5px}
}

/* ------------------------------------------------- l'identite, en tete de pied
   La presentation de l'entreprise remonte au-dessus de la ligne de contact,
   avec le logo contre elle et les horaires dessous. Elle cesse d'etre une
   mention legale en petit gris : on lui donne du corps, de l'interligne et
   une mesure courte, et le nom de la societe porte l'accroche. */
.ft2-t{display:block}
.ft2-id{display:grid;grid-template-columns:auto minmax(0,1fr);
  column-gap:clamp(20px,2.2vw,36px);row-gap:12px;align-items:start}
.ft2-mk{grid-row:1 / span 2;width:clamp(112px,8.4vw,146px);height:auto;
  margin-top:5px;opacity:.94}
.ft2-id .ft2-d{grid-column:2;margin:0;max-width:none;
  font-size:clamp(13.5px,1.02vw,15px);line-height:1.68;font-weight:300;
  letter-spacing:-.004em;color:rgba(244,246,248,.74)}
.ft2-id .ft2-d b{font-weight:600;letter-spacing:-.012em;color:#F4F6F8}
.ft2-hr{grid-column:2;margin:0;font-family:'Geist Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(244,246,248,.5)}
.ft2-t .ft2-j{margin-top:clamp(15px,1.8vw,23px)}
@media(max-width:760px){
  .ft2-id{grid-template-columns:minmax(0,1fr);row-gap:16px}
  .ft2-mk{grid-row:auto;width:124px;margin-top:0}
  .ft2-id .ft2-d,.ft2-hr{grid-column:1}