.elementor-8621 .elementor-element.elementor-element-lpzref{--display:flex;}/* Start custom CSS *//* --- Macaron Trustindex : tout aligne a gauche. Le logo Google restait centre dans
   son bloc de 245px alors que le texte et les etoiles etaient a gauche. --- */
.elementor-element-aec2f86 .ti-widget .ti-footer,
.elementor-element-aec2f86 .ti-widget .ti-footer *{text-align:left !important}
.elementor-element-aec2f86 .ti-widget .ti-footer img,
.elementor-element-aec2f86 .ti-widget .ti-footer .ti-large-logo,
.elementor-element-aec2f86 .ti-widget .ti-footer .ti-google-logo{margin-left:0 !important;margin-right:auto !important}
.elementor-element-aec2f86 .ti-widget .ti-footer .ti-fade-container{display:flex !important;
  flex-direction:column !important;align-items:flex-start !important;gap:4px}
.elementor-element-aec2f86 .ti-widget .ti-footer .ti-stars{justify-content:flex-start !important}

/* --- Vignettes : les fichiers sont en 4:3 (800x600). Les forcer en 16:10 rognait
   le haut et le bas des illustrations. Retour au ratio natif, zero recadrage. --- */
.hv-lpz--mo .hv-wm-im{aspect-ratio:4 / 3 !important}
.hv-lpz--mo .hv-wm-im img{object-fit:contain !important;object-position:center center !important;
  background:#FFF}

/* --- Video "One company" en mobile (20/08/2026, cadrage mesure sur la source) ---
   .hv-lpz__shot est en height:auto + max-height, donc un height:100% sur la video ne
   resout pas : elle gardait ses 580 px intrinseques et on ne voyait que ses 340 premiers
   pixels, c'est-a-dire LE PLAFOND.
   Cadrage source mesure en affichant la video entiere : l'ecran LED (mur + sol
   interactif) occupe la tranche 110 -> 460 px sur 578. Au-dessus le plafond, en dessous
   une bache de chantier.
   Un object-position 50% 100% montrait 238 -> 578 : tout le bas, haut du mur coupe.
   Retenu : cadre de 370 px + cadrage centre -> tranche 104 -> 474, l'ecran tient
   ENTIEREMENT (6 px de marge en haut, 14 en bas). Verifie a la capture. */
@media(max-width:760px){
  .hv-lpz--wy .hv-lpz__shot{height:370px !important;max-height:370px !important;overflow:hidden !important}
  .hv-lpz--wy .hv-lpz__shot video{width:100% !important;height:100% !important;
    object-fit:cover !important;object-position:50% 50% !important}
}

/* ===== FAQ, mix des deux versions (20/08/2026, desktop) =====
   La liste occupait toute la grille (1272 px) : une question de 220 px laissait
   plus d'un metre de vide et le filet de separation courait seul jusqu'au bord.
   Ramenee a 940 px, la question et son marqueur restent en relation.
   Le « + » passe a DROITE : a gauche il precede le texte et se lit comme une puce
   de liste, il perd sa valeur de bouton. A droite il ferme la ligne, donne un point
   d'arrivee a l'oeil et respecte la convention que les visiteurs connaissent.
   Le survol passait le texte en #0099CC : mesure a 3,27 pour un seuil de 4,5 (les
   questions font 18 px, sous le plancher du « grand texte »). La question devenait
   donc MOINS lisible au survol qu'au repos. #007BA7 donne 4,78, meme effet a l'oeil.
   Le marqueur s'agrandit legerement au survol — pas de rotation a 45° : l'etat ouvert
   affiche un « − », un « × » au survol creerait une sequence incoherente. */
.hv-lpz--fq .hv-lpz__l{max-width:940px}
.hv-lpz--fq summary{flex-direction:row-reverse;justify-content:space-between;padding-right:0}
.hv-lpz--fq summary::before{transition:transform 220ms cubic-bezier(0.16,1,0.3,1)}
.hv-lpz--fq summary:hover{color:#007BA7}
.hv-lpz--fq summary:hover::before{transform:scale(1.12)}
.hv-lpz--fq .hv-lpz__a{padding-left:0;padding-right:0;max-width:78ch}
@media(max-width:760px){
  .hv-lpz--fq .hv-lpz__l{max-width:none}
  .hv-lpz--fq summary{padding-right:0}
}

/* Questions de la FAQ alignees sur la home : la landing les composait en Montserrat
   18px/700, la home en Manrope 19px/600. Une meme fonction doit avoir une meme voix. */
.hv-lpz--fq summary{font-family:Manrope,system-ui,sans-serif;font-size:19px;font-weight:600;gap:32px}
@media(max-width:760px){.hv-lpz--fq summary{font-size:17px;gap:20px}}

/* Le <style> du widget HTML est declare APRES le CSS de page : a specificite egale
   (0,1,1) il gagnait. D'ou !important sur ces trois proprietes uniquement. */
.hv-lpz--fq summary{font-family:Manrope,system-ui,sans-serif !important;font-size:19px !important;font-weight:600 !important}
@media(max-width:760px){.hv-lpz--fq summary{font-size:17px !important}}

/* ===== LOGOS CLIENTS LANDING : gabarit aligne sur la Home (21/08/2026) =====
   CAUSE MESUREE : .hv-lpz--cli .hv-lpz__c img n'imposait aucune hauteur
   (width:auto + max-width:100%), donc chaque PNG s'affichait a sa taille propre.
   Mesure avant, hauteurs d'image dans une meme rangee : Migros 28px, PMI 33px,
   OPI 37px, Coty 42px, Tissot 43px, Palexpo 44px, Skyguide 45px, Roche 49px,
   JTI 59px, Jacob & Co 73px, soit un rapport de 1 a 2,6.
   Reference Home #7938 (validee) : boite fixe 180x90 pour les 14 logos.
   AJUSTE le 21/08 apres revue de Jean : 180x90 juge trop grand sur la landing,
   ramene a 150x70 puis a 130x60 le 21/08 apres mesure de la ZONE D'ENCRE reelle
   (pixels du dessin, marges exclues) : Home = 120x39 en moyenne, landing a 150x70 = 135x54,
   soit +40%. 130x60 ramene l'encre autour de 128x46, proche de la Home. Largeur 150 conservee pour que Migros, deja a
   162px de large avant correctif, ne retrecisse pas de facon perceptible.
   On applique la MEME boite, mais en conservant object-fit:contain : les PNG de
   la landing ont des ratios tres differents (Migros 5,79:1, Jacob & Co PORTRAIT
   0,86:1), donc le object-fit:fill de la Home les deformerait. Avec contain,
   chaque logo occupe le maximum de la boite sans jamais etre etire.
   Ni le nombre (10), ni les fichiers, ni Jacob & Co ne changent.
   !important necessaire : le <style> du widget est injecte APRES le CSS de page. */
.hv-lpz--cli .hv-lpz__c img{
  width:180px !important;
  height:90px !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}/* End custom CSS */