/* ============================================================
   Seeqle - corrections design globales servies en asset versionne
   (le head de site approchait la limite de 20 000 caracteres).
   Contenu : bloc sq-design-p10 (stress test 2026-08-13/14)
   + bloc sq-design-p11 (lot apple-design 2026-08-20)
   + normalisation bandeau clients (v3/v4/v5 2026-08-21, v6 2026-08-22).
   Pour modifier : NE PAS editer cet asset en place, uploader un
   fichier v(n+1) et repointer le <link> du head de site (update_asset
   ne change pas l'URL, piege documente dans seeqle-webflow-site).
   ============================================================ */

/* ============================================================
   SQ 2026-08i : correction du RENDU (stress test 2026-08-13)
   B1 FAQ 768-991 (dans sq-design-p3) . B2 heros . B3 CTA navbar
   B4 vert sur vert . B5 bentos + hauteurs figees . V1/V2 footer
   B6 rognage horizontal des locales longues (2026-08-14)
   Reversible en supprimant ce bloc.
   ============================================================ */

/* ---- B1 : FAQ lisible entre 768 et 991 (le repli de .faq6_accordion
   est corrige dans sq-design-p3 ; ici on aligne aussi le conteneur) ---- */
@media screen and (min-width:768px) and (max-width:991px){
.faq6_content{grid-template-columns:1fr;grid-row-gap:2rem}
}

/* ---- B2 : heros produit, le mockup recouvrait le H1 ---- */
@media screen and (max-width:991px){
.product-hero-wrapper{flex-flow:column}
.product-hero-content{width:100%}
.product-hero-image-wrapper{width:100%}
}
@media screen and (min-width:992px){
.product-hero-content{flex:1 1 0;min-width:0;width:auto}
.product-hero-image-wrapper{flex:0 1 38%;min-width:0}
.product-hero-text{min-width:0;width:100%;max-width:100%}
}
@media screen and (min-width:992px) and (max-width:1279px){
.product-hero-text .heading-style-h1{font-size:3.5rem}
}
.product-hero-text h1,.product-hero-text p{overflow-wrap:break-word}

/* ---- B3 : CTA de la navbar tronque entre 992 et 1499 ---- */
@media screen and (min-width:992px) and (max-width:1499px){
.navbar_container{grid-template-columns:auto auto auto;grid-column-gap:12px}
.navbar_button-wrapper{grid-column-gap:.5rem;margin-left:.5rem}
.navbar_button-wrapper .button.is-white{margin-right:0;padding-left:14px;padding-right:14px}
.navbar_button-wrapper .button.is-white:hover .btn-arrow-wrapper{width:0 !important;margin-left:0 !important;opacity:0 !important}
.sq-nav-trial{padding-left:14px;padding-right:14px}
}
@media screen and (min-width:992px) and (max-width:1279px){
.navbar_link{padding-left:8px;padding-right:8px;font-size:15px}
.navbar_dropdown-toggle{padding-left:6px;padding-right:6px;font-size:15px}
.navbar_button-wrapper .button.is-white,.sq-nav-trial{font-size:15px}
}
/* sous 1150px la barre ne peut pas porter logo + menu + 2 CTA en DE et ES :
   on garde le CTA primaire, le secondaire reste accessible dans chaque hero */
@media screen and (min-width:992px) and (max-width:1149px){
.navbar_button-wrapper .sq-nav-trial,
.navbar_button-wrapper .button.login.hide-tablet{display:none}
}

/* ---- B4 : jamais de bouton vert sur un hero vert ---- */
html[data-wf-page="688a2760b5e40346e13aa187"] .product-hero-sectioon .button.is-green,
html[data-wf-page="69b955e944f929c9383ed3ec"] .product-hero-sectioon .button.is-green{background-color:#1B1B1B;color:#F8FFF4}
html[data-wf-page="688a2760b5e40346e13aa187"] .product-hero-sectioon .button.is-green .txt-btn,
html[data-wf-page="69b955e944f929c9383ed3ec"] .product-hero-sectioon .button.is-green .txt-btn{color:#F8FFF4}

/* ---- B5a : bentos, replier a 768-991 comme le fait deja le mobile ---- */
@media screen and (min-width:768px) and (max-width:991px){
.solution-bento-grid{grid-template-columns:1fr}
.solution-bento-grid>*{grid-column-start:auto !important;grid-column-end:span 1 !important}
.product-bentogrid.first-3,.product-bentogrid.first-3.technologie{grid-template-columns:1fr}
.product-bentogrid.first-3>*,.product-bentogrid.second-3>*{grid-column-start:auto !important;grid-column-end:span 1 !important}
.solution-bento-box.bg-dark-green.min-height-500.flex-bottom-left,
.solution-bento-box.bg-dark-green.min-height-360.flex-left,
.solution-bento-box.bg-light-green.min-height-500.flex-bottom-left{min-height:300px}
.bento-wrapper.vertical{flex-flow:column;align-items:flex-start}
}
@media screen and (max-width:991px){
.soluton-bento-wrapper{flex-flow:column;min-width:0;max-width:100%}
.soluton-bento-wrapper>*{min-width:0;max-width:100%}
.bento-left-content{max-width:100%}
}
.bento-vertical-div,.solution-bento-box,.why_horizontal-item{overflow-wrap:break-word}
.light-green-badge-list{flex-wrap:wrap}

/* ---- B5b : hauteurs figees remplacees par des min-height ---- */
.avis_tab-wrapper,.auto-tabs_pane{height:auto;min-height:450px}
.why_horizontal-item{height:auto;min-height:360px}
.why_horizontal-item.attract{height:auto;min-height:320px}
@media screen and (max-width:991px){
.avis_tab-wrapper,.auto-tabs_pane{height:auto;min-height:554px}
.why_horizontal-item.attract{height:auto;min-height:300px}
}
@media screen and (max-width:991px){
.avis_tab-wrapper,.auto-tabs_pane{height:auto;min-height:400px}
.why_horizontal-item{height:auto;min-height:0}
}
@media screen and (max-width:479px){
.avis_tab-wrapper,.auto-tabs_pane{height:auto;min-height:500px}
.why_horizontal-item.attract{height:auto;min-height:0}
}

/* ---- V1 : footer allemand entre 992 et 1099 ---- */
@media screen and (min-width:768px) and (max-width:1279px){
.footer_content-wrapper{grid-column-gap:2rem}
.footer_top-wrapper{grid-column-gap:1.5rem}
}
/* ---- V2 : mentions legales ES a 768 ---- */
.footer_legal-list{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1.5rem;row-gap:.5rem}

/* ============================================================
   B6 (2026-08-14) : ROGNAGE HORIZONTAL des locales longues.
   Cause commune mesuree : un mot compose allemand (ou une chip
   en white-space:nowrap) impose un plancher de min-content a un
   conteneur en overflow:hidden, qui coupe le texte.
   Correctif : plancher remis a zero (min-width:0) et retour a la
   ligne autorise. Mesure avant/apres a 340/520/768/900/1024/1280
   dans les 4 langues : le francais ne bouge pas (0 px partout).
   ============================================================ */
/* B6a : titres composes allemands dans les cartes du scroll horizontal
   (Match 103 px a 1024, 52 px a 1280 ; Attract et Entreprise 45 px ;
   Ecole 21 px) -> 0 px */
.why_top-wrapper,.why_top-wrapper > *{min-width:0}
.why_horizontal-item,.why_horizontal-item *{min-width:0}
.why-text-smaller,.why_content-wrapper{overflow-wrap:anywhere}

/* B6b : bentos horizontaux verts, l'embed sqv2 ne pouvait pas retrecir
   (Match 45 px a 768 et 61 px a 1024 ; Ecole 26 px et 42 px) -> 0 px */
.bento-horizontal-div .bento-wrapper{min-width:0}
.bento-horizontal-div .bento-content-wrapper{flex:1 1 0;min-width:0}
.bento-horizontal-div .w-embed{min-width:0}

/* B6c : bandeau conformite Attract, chips non secables (24 px a 340) -> 0 px */
.sqv2-cfm .chips .chip{white-space:normal}

/* B6d : carte profil Entreprise (6 px a 768, 33 px a 1024) -> 0 px */
.sqv2-en6.sqk .prof .pt b{overflow-wrap:anywhere}

/* B6e : carrousel Match, le volet sqv2-git provoquait 14 px de scroll
   horizontal parasite a 768 en allemand -> 0 px */
.ads-tabs-wrapper{min-width:0;max-width:100%}
.ads-tabs-wrapper .w-embed{min-width:0;max-width:100%}
.ads-tabs-wrapper .sqv2-git{max-width:100%}
.ads-tabs-wrapper .sqv2-git .hd{flex-wrap:wrap}


/* ==== sq-design-p11 : lot apple-design 2026-08-20 ==== */

/* A13 : LE fond clair de marque est le papier #FBF6EC (DS). F8FFF4 ne sert jamais de fond. */
body{background-color:#FBF6EC}

/* A4 : interlignage du corps a 1,5 (les blocs denses gardent leurs regles propres :
   .button, .navbar_link, .footer_link, .avis_name, .avis_job, .text-size-small restent a 110%) */
p{line-height:1.5}
.text-size-regular{line-height:1.5}
.text-size-18px{line-height:1.5}

/* A5 : Hedvig n'existe qu'en 400, jamais de faux gras sur la serif (tag h2, les classes gardent la main) */
h2{font-weight:400;line-height:1.1}

/* A8/C4 : focus clavier de marque, un seul systeme pour tout le site */
:focus-visible{outline:2px solid #43AA8B;outline-offset:2px}
.button.is-green:focus-visible,.sq-sec-btn:focus-visible,.sq-inv-bt:focus-visible{outline-color:#024455}

/* A12 : cibles tactiles, zone cliquable etendue sans changement visuel */
.footer_legal-link{display:inline-block;padding-top:8px;padding-bottom:8px}
.footer_social-link{padding:8px;margin:-8px}
a[href^="tel:"]{display:inline-block;padding-top:6px;padding-bottom:6px}
.sqa-l,.sqa-l-dark,.bento-link,.sq-inv-link,.sq-gloss-link{display:inline-block;padding-top:5px;padding-bottom:5px}

/* C5 : titres de rich text en noir, le teal est reserve aux surfaces et vignettes */
.text-rich-text h2,.text-rich-text h3{color:#1B1B1B}

/* A2 : chiffres verts sous 24px en green-700 (embeds Ecole, classe .kv interne aux embeds) */
.kv{color:#2E7E65!important}

/* B-accueil.1 : le collage de mockups du hero home se disloque sous 1200px, on le masque
   (precedent acte : heros Secteurs variante C) */
@media (max-width:1199px){
html[data-wf-page="66bc65300d219ae248200c43"] .header_images-wrapper{display:none}
}


/* p12 minutie 2026-08-20 : continuite du fond papier + liens non styles + petites tailles */
/* 1. section_cta : la moitie haute etait en degrade quasi-blanc (#FEFFFD->#F8FFF4), rupture avec le fond papier A13 */
.section_cta, .section_cta.dark{background-image:linear-gradient(180deg,#fbf6ec,#fbf6ec 50%,var(--background-color--background-primary)50%,var(--background-color--background-primary)100%)}
/* 2. hero du template Secteurs : F8FFF4 n'est jamais un fond (DS) */
.section_hero.dark{background-color:#fbf6ec}
/* 3. liens sans classe (intros des hubs ressources, bloc "Tous nos articles" de /blog) : bleu navigateur -> green-700 */
a:not([class]){color:#2e7e65;text-decoration:underline;text-underline-offset:2px}
a:not([class]):hover{color:#43aa8b}

/* SQ 2026-08-22 v6 : normalisation optique du bandeau clients, SITE-WIDE.
   Decisions CEO du 21/08 (verbatim applique) :
   - bandeau principal reduit a 15 logos de notoriete (mecanisme CMS/composant, pas CSS : champ switch bandeau-principal + liste curated sur le composant Bandeau clients - Tous) ;
   - les 7 juges trop petits montent d'un palier : lockups empiles Anett / Universite du Domicile / Liveli / Greta 30 -> 34, carres Besson / Academie de Reims / Trois Virgule Cinq 28 -> 32 (MSA, LCL, Valeo, Guy Hoquet restent au palier lockup 30) ;
   - Telecom SudParis (fichier co-brande IP Paris, illisible a 32) : 38 px, ne vit plus que dans la variante Ecoles.
   Retour CEO du 22/08 (Guy Hoquet, Polytechnique, LCL trop petits), applique en v6 :
   - LCL et Guy Hoquet (fichier recadre guy-hoquet-blanc-sq, encre 454x189) quittent le palier lockup 30 et rejoignent les lockups grossis a 34 (restent a 30 : MSA, Valeo) ;
   - Polytechnique (fichier deja recadre 785x200, roundel + 3 lignes de texte fin, ratio 3,92) recoit un palier dedie 36 desktop / 29 mobile, comme les wordmarks etires.
   Hauteurs par categorie de signe : 32 base, 30 lockups empiles, 34 lockups grossis CEO, 32 carres grossis CEO, 35 horizontaux compacts (Dalkia, 3 Brasseurs), 29 horizontaux denses, 36 wordmarks etires et Polytechnique (bornes par max-width), 38 Telecom SudParis.
   Retour CEO du 22/08 (2e passe, "encore un peu plus gros"), applique en v7 :
   - LCL et Guy Hoquet quittent le groupe 34 pour un palier dedie 37 desktop / 29 mobile ;
   - Polytechnique passe a 39 desktop (max-width relevee a 160, sinon le cap 148 l'aurait borne a 37,8) / 31 mobile (max-width 130).
   Retour CEO du 22/08 (3e passe), applique en v8 : LCL 40/31 ; Dalkia 38/30 (3 Brasseurs reste 35/28) ; MSA et Valeo 34/27 (rejoignent le palier lockup CEO).
   v15 du 22/08 : correctifs menu flottant : pont de survol repare (le clipping passe de la liste au container interne, le ::before n'est plus rogne), fond vert IX2 de la navbar neutralise a l'ouverture (selecteur [style*=] sur l'inline), top 80px.
   Rollback : repointer le lien du head sur 6a88f50209bfc5d124954b25_sq-design-global-v7.css (v6 : 6a88ed7239255c4e20d3f958). */
.brand_loop-wrapper .marquee-image{height:32px;width:auto;max-width:148px;object-fit:contain}
.brand_loop-wrapper img[src*="msa-blanc"],.brand_loop-wrapper img[src*="valeo-blanc"]{height:34px}
.brand_loop-wrapper img[src*="anett-blanc"],.brand_loop-wrapper img[src*="liveli-blanc"],.brand_loop-wrapper img[src*="universite-du-domicile"],.brand_loop-wrapper img[src*="greta-nord-alsace"]{height:34px}
.brand_loop-wrapper img[src*="guy-hoquet-blanc"]{height:37px}
.brand_loop-wrapper img[src*="lcl-blanc"]{height:40px}
.brand_loop-wrapper img[src*="academie-de-reims"],.brand_loop-wrapper img[src*="transport-besson"],.brand_loop-wrapper img[src*="trois-virgule-cinq"]{height:32px}
.brand_loop-wrapper img[src*="3-brasseurs-blanc"]{height:35px}
.brand_loop-wrapper img[src*="dalkia-blanc"]{height:38px}
.brand_loop-wrapper img[src*="canal-plus"],.brand_loop-wrapper img[src*="winamax"],.brand_loop-wrapper img[src*="tbwa"],.brand_loop-wrapper img[src*="vestas"],.brand_loop-wrapper img[src*="remax"],.brand_loop-wrapper img[src*="kia-logo"],.brand_loop-wrapper img[src*="wakam"]{height:29px}
.brand_loop-wrapper img[src*="lefebvre-dalloz"],.brand_loop-wrapper img[src*="openclassrooms"],.brand_loop-wrapper img[src*="honda-blanc"]{height:36px}
.brand_loop-wrapper img[src*="polytechnique-blanc"]{height:39px;max-width:160px}
.brand_loop-wrapper img[src*="telecom-sud-paris"]{height:38px}
.brand_loop-wrapper:hover .marquee-content.scroll,.brand_loop-wrapper:focus-within .marquee-content.scroll{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.brand_loop-wrapper .marquee-content.scroll{animation:none!important;transform:none!important}.brand_loop-wrapper .marquee{overflow-x:auto}}
@media (max-width:991px){.brand_loop-wrapper .marquee-image{height:26px;max-width:120px}
.brand_loop-wrapper img[src*="msa-blanc"],.brand_loop-wrapper img[src*="valeo-blanc"]{height:27px}
.brand_loop-wrapper img[src*="anett-blanc"],.brand_loop-wrapper img[src*="liveli-blanc"],.brand_loop-wrapper img[src*="universite-du-domicile"],.brand_loop-wrapper img[src*="greta-nord-alsace"]{height:27px}
.brand_loop-wrapper img[src*="guy-hoquet-blanc"]{height:29px}
.brand_loop-wrapper img[src*="lcl-blanc"]{height:31px}
.brand_loop-wrapper img[src*="academie-de-reims"],.brand_loop-wrapper img[src*="transport-besson"],.brand_loop-wrapper img[src*="trois-virgule-cinq"]{height:26px}
.brand_loop-wrapper img[src*="3-brasseurs-blanc"]{height:28px}
.brand_loop-wrapper img[src*="dalkia-blanc"]{height:30px}
.brand_loop-wrapper img[src*="canal-plus"],.brand_loop-wrapper img[src*="winamax"],.brand_loop-wrapper img[src*="tbwa"],.brand_loop-wrapper img[src*="vestas"],.brand_loop-wrapper img[src*="remax"],.brand_loop-wrapper img[src*="kia-logo"],.brand_loop-wrapper img[src*="wakam"]{height:24px}
.brand_loop-wrapper img[src*="lefebvre-dalloz"],.brand_loop-wrapper img[src*="openclassrooms"],.brand_loop-wrapper img[src*="honda-blanc"]{height:29px}
.brand_loop-wrapper img[src*="polytechnique-blanc"]{height:31px;max-width:130px}
.brand_loop-wrapper img[src*="telecom-sud-paris"]{height:30px}}

/* ===== sq-menu3 : menu v4.1 FUSION PLATEFORME (retours CEO : 1320px, badges plats, graisse 600, glow renforce) + acquis v3.1, DESKTOP UNIQUEMENT =====
   Structure 100% native (blocs de preuve, chips cliquables, agent-rows et entree Securite crees via WHTML builder
   + data_style_tool dans le composant Navbar) ; ce bloc style les classes en >=992px, le menu mobile est intact
   (les nouveaux elements desktop sq-m3-agent-row / sq-m3-sec sont masques <992px, les anciens titres masques >=992px).
   NB Webflow : la combo "-ressource" est rendue ".ressource", "-2"/"-3" rendues "._2"/"._3". */

/* base tous ecrans : le label "Les agents" remplace l'ancien bloc text-size-18px (supprime), il doit rester lisible en mobile */
.sq-m3-eyebrow{font-size:18px;font-weight:500}
/* les rangees agent (nom+pastille+sous-titre) et l'entree Securite sont des elements desktop : masques en mobile */
@media (max-width:991px){
.sq-m3-agent-row,.sq-m3-sec,.sq-m5-agents{display:none}
}

@media (min-width:992px){
/* panneau : deux zones, gauche papier / droite sombre */
.navbar_dropdown-list.w--open{padding:0;position:fixed;top:80px;left:50%;right:auto;transform:translateX(-50%);width:1160px;min-width:0;max-width:calc(100vw - 48px);border-radius:18px;overflow:visible;box-shadow:0 30px 70px rgba(27,49,40,.16);border:1px solid #E9ECE7;z-index:1001;background-color:transparent}
.navbar_dropdown-list.w--open::before{content:'';position:absolute;top:-30px;left:0;right:0;height:30px}
.navbar_dropdown-list.w--open>.navbar_dropdown-container{overflow:hidden;border-radius:17px;height:100%;background-color:#fff}
/* l'interaction historique peint la navbar en vert a l'ouverture (style inline IX2) : neutralisee */
.navbar_component[style*="rgb(67, 170, 139)"]{background-color:transparent!important}
.navbar_dropdown-content{grid-template-columns:1.35fr 1fr;grid-column-gap:0;grid-row-gap:0;align-items:stretch}
.navbar_dropdown-who-wrapper,.navbar_dropdown-item-wrapper,.navbar_dropdown-ressources-wrapper{padding:38px 44px 36px 48px}

/* labels de groupe -> eyebrow verte ("Les agents" = .sq-m3-eyebrow, Ressources = .navbar_dropdown-item-wrapper>.text-size-18px) */
.navbar_dropdown-item-wrapper>.text-size-18px,
.sq-m3-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#2E7E65;margin-bottom:12px}
/* M1-A : "Par objectif" retire ; "Par besoin" reactive en eyebrow au-dessus des liens secondaires */
.navbar_dropdown-type-wrapper>.text-size-18px,
.navbar_dropdown-type-wrapper>p.text-size-small,
.navbar_dropdown-item-wrapper>p.text-size-small,
.navbar_dropdown-besoin-wrapper>p.text-size-small{display:none}
.navbar_dropdown-besoin-wrapper>.text-size-18px{display:block;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#2E7E65;margin:26px 0 0}

/* grands liens : Par objectif (Solutions) */
.navbar_dropdown-who-grid-2{display:block}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-item{display:block;background-color:transparent;padding:13px 0;border-radius:0;border-bottom:1px solid #EFE9DC}
.navbar_dropdown-who-grid-2 .navbar_dropdown-icon-wrapper{display:none}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-content{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:baseline;gap:16px;width:100%}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-content>.text-size-regular{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;transition:color .15s ease}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-content>p.text-size-small{margin-left:auto;margin-bottom:0;font-size:12.5px;color:#8A928A;max-width:220px;text-align:right;line-height:1.35;flex:0 0 auto}
.navbar_dropdown-who-grid-2 .navbar_dropdown-type-item:hover .navbar_dropdown-type-content>.text-size-regular{color:#2E7E65}

/* petite rangee : Par besoin (Solutions) */
.navbar_dropdown-besoin-grid{display:flex;gap:26px;flex-wrap:wrap;margin-top:12px}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-item{display:block;background-color:transparent;padding:0;border:none;border-radius:0}
.navbar_dropdown-besoin-grid .navbar_dropdown-icon-wrapper{display:none}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-content{display:flex;flex-flow:row}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-content p{display:none}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-content .text-size-regular{font-size:14.5px;font-weight:700}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-content .text-size-regular::after{content:' \2192';color:#43AA8B}
.navbar_dropdown-besoin-grid .navbar_dropdown-type-item:hover .text-size-regular{color:#2E7E65}

/* grands liens : Agents (M4 : rangees natives nom + pastille + sous-titre, anciens titres masques en desktop) */
.navbar_dropdown-content-grid{display:block;padding:0}
.navbar_dropdown-content-grid .navbar_dropdown-item,
.navbar_dropdown-content-grid .sq-m3-sec{display:block;height:auto;min-height:0;background-color:transparent;padding:13px 0;border-radius:0;border-bottom:1px solid #EFE9DC;overflow:visible;text-decoration:none;color:#1B1B1B}
.navbar_dropdown-content-grid .navbar_dropdown-bg-img{display:none}
.navbar_dropdown-content-grid .navbar_dropdown-content-wrapper{display:block}
.navbar_dropdown-content-grid .navbar_dropdown-content-wrapper>.text-size-regular{display:none}
.navbar_dropdown-content-grid p.text-size-small{display:none}
.sq-m3-agent-row{display:flex;flex-flow:row nowrap;align-items:center;gap:12px;width:100%}
.sq-m3-agent-name{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#1B1B1B;transition:color .15s ease}
.sq-m3-agent-sub{margin-left:auto;font-size:12.5px;font-weight:500;color:#8A928A;text-align:right;max-width:240px;line-height:1.35;flex:0 0 auto}
.sq-m3-agent-row .sq-m3-pill,.sq-m5-row .sq-m3-pill{display:inline-flex;align-items:center;justify-content:center;height:17px;padding:0 7px;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#2E7E65;border:none;background-color:rgba(67,170,139,.13);border-radius:999px;line-height:1;flex:0 0 auto;margin:0;transform:translateY(1px)}
.navbar_dropdown-content-grid .navbar_dropdown-item:hover .sq-m3-agent-name,
.navbar_dropdown-content-grid .sq-m3-sec:hover .sq-m3-agent-name{color:#2E7E65}

/* grands liens : Ressources */
.navbar_dropdown-ressources-wrapper{display:flex;flex-direction:column}
.navbar_dropdown-item.ressource{display:block;height:auto;min-height:0;background-color:transparent;padding:10px 0;border-radius:0;border-bottom:1px solid #EFE9DC;overflow:visible}
.navbar_dropdown-ressource-bg-img{display:none}
.navbar_dropdown-item.ressource .btn-arrow_wrapper{display:none}
.navbar_dropdown-item.ressource .navbar_dropdown-content-wrapper{display:flex;flex-flow:row nowrap;align-items:baseline;gap:16px}
.navbar_dropdown-item.ressource .text-size-regular{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;transition:color .15s ease}
.navbar_dropdown-item.ressource p.text-size-small{margin-left:auto;margin-bottom:0;font-size:12.5px;color:#8A928A;max-width:220px;text-align:right;line-height:1.35;flex:0 0 auto}
.navbar_dropdown-item.ressource:hover .text-size-regular{color:#2E7E65}
.navbar_dropdown-ressource-more{margin-top:16px;background-color:transparent;border-radius:0;padding:0;width:auto;justify-content:flex-start;grid-column-gap:10px}
.navbar_dropdown-ressource-more .text-size-regular{font-size:14.5px;font-weight:700}
.navbar_dropdown-ressource-more:hover .text-size-regular{color:#2E7E65}

/* M2 : chips clients cliquables, une seule ligne, animation bouton + fleche centree */
.sq-m3-chips{display:flex;flex-wrap:nowrap;overflow:hidden;gap:8px;margin-bottom:4px}
.sq-m3-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:700;color:#F8FFF4;border:1px solid rgba(248,255,244,.28);border-radius:999px;padding:5px 11px;white-space:nowrap;text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
.sq-m3-chip::after{content:'\2192';display:inline-block;max-width:0;opacity:0;overflow:hidden;color:#6EC2A8;font-size:12px;line-height:1;transform:translateY(-.5px);transition:max-width .18s ease,opacity .18s ease,margin-left .18s ease}
.sq-m3-chip:hover{border-color:#43AA8B;background-color:rgba(67,170,139,.16);transform:translateY(-1px)}
.sq-m3-chip:hover::after{max-width:14px;opacity:1;margin-left:6px}
.sq-m3-diag{font-size:15px}

/* zone sombre (Solutions : 53% + chips + diagnostic ; Ressources : diagnostic IA 2 colonnes ; Agents : donnee + cas clients) */
.navbar_dropdown-case-item{background-color:#1B1B1B;background-image:radial-gradient(ellipse 75% 62% at 100% 0%,rgba(67,170,139,.34),transparent 68%);border-radius:0;margin:0;max-width:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:38px 40px 32px;height:100%}
.navbar_dropdown-case-item .sq-m3-proof-head{margin-bottom:auto}
.navbar_dropdown-case-item .sq-m3-who{margin-top:22px;border-top:1px solid rgba(248,255,244,.14);padding-top:18px}
.navbar_dropdown-case-logo-wrapper{display:none}
.navbar_dropdown-ressource-wrapper{display:block;margin:18px 0 0;max-width:250px}
.navbar_dropdown-ressource-wrapper img{border-radius:12px;width:100%;height:auto;display:block}
.navbar_dropdown-case-link-wrapper{margin-top:16px}
.navbar_dropdown-case-item .text-color-secondary{color:#F8FFF4}

/* M3 : Ressources, texte et visuel du Diagnostic en 2 colonnes + rythme vertical aligne sur le panneau Agents */
.sq-m3-diagrow{display:grid;grid-template-columns:1.05fr .95fr;grid-column-gap:16px;align-items:center;margin-bottom:auto}
.sq-m3-diagrow .sq-m3-proof-head{margin-bottom:0}
.sq-m3-diagrow .navbar_dropdown-ressource-wrapper{margin:0;max-width:none}
.navbar_dropdown-ressources-wrapper{padding:34px 44px 30px 48px}
.navbar_dropdown-ressources-wrapper~.navbar_dropdown-case-item{padding:34px 40px 26px}
.navbar_dropdown-ressources-wrapper~.navbar_dropdown-case-item .navbar_dropdown-case-link-wrapper{margin-top:12px}
.navbar_dropdown-ressources-wrapper~.navbar_dropdown-case-item .sq-m3-sub{margin-top:4px;line-height:1.45}

/* Agents IA : colonne droite = bloc donnee (l'article CMS est masque en desktop, il reste dans le menu mobile) */
.sq-m3-proof-data{position:relative;align-self:stretch;height:100%;margin:0;border-radius:0;padding:38px 40px;background-image:radial-gradient(ellipse 75% 62% at 100% 0%,rgba(67,170,139,.34),transparent 68%)}
.sq-m3-proof-data .sq-m3-sub{margin-bottom:auto}
.sq-m3-proof-data .navbar_dropdown-case-link-wrapper{margin-top:22px;border-top:1px solid rgba(248,255,244,.14);padding-top:18px}
.sq-m3-proof-data .text-color-secondary{color:#F8FFF4}
.sq-m3-proof-data .dropdown_case-link{position:absolute;top:0;left:0;right:0;bottom:0}
.sq-m3-proof-data{display:flex;flex-direction:column}
.navbar_dropdown-blog-wrapper{display:none}

/* ===== M5 FUSION : onglet Plateforme = colonne Les agents + Par objectif + preuve unique ===== */
.navbar_menu-dropdown[data-sq-hide="desktop"]{display:none}
.navbar_dropdown-list.w--open:has(.sq-m5-agents){width:1320px}
.navbar_dropdown-content:has(.sq-m5-agents){grid-template-columns:1fr 1.28fr .92fr}
.sq-m5-agents{display:flex;flex-direction:column;padding:34px 34px 30px 44px;border-right:1px solid #F0EBDF}
.sq-m5-agent{display:block;text-decoration:none;color:#1B1B1B;padding:9px 0;border-bottom:1px solid #EFE9DC}
.sq-m5-row{display:flex;align-items:center;gap:9px}
.sq-m5-row .sq-m3-agent-name{font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.sq-m5-sub{display:block;font-size:12px;color:#8A928A;margin-top:3px;line-height:1.35}
.sq-m5-agent:hover .sq-m3-agent-name{color:#2E7E65}
.sq-m5-agents .sq-m3-groupsep{margin:14px 0 0}
/* colonne Par objectif compactee + label reactive (mockup M5 valide) */
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-type-wrapper>.text-size-18px{display:block;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#2E7E65;margin-bottom:12px}
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-who-wrapper{padding:34px 34px 30px 38px}
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-who-grid-2 .navbar_dropdown-type-content>.text-size-regular{font-size:18px}
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-who-grid-2 .navbar_dropdown-type-content>p.text-size-small{max-width:170px;font-size:11.5px}
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-who-grid-2 .navbar_dropdown-type-item{padding:10px 0}
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-besoin-grid{margin-top:10px;gap:8px 20px}
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-besoin-grid .navbar_dropdown-type-content .text-size-regular{font-size:13.5px}
.navbar_dropdown-content:has(.sq-m5-agents) .sq-m3-chips{flex-wrap:wrap;overflow:visible}
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-besoin-wrapper>.text-size-18px{margin-top:16px}
/* zone de preuve compactee */
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-case-item{padding:34px 34px 26px}
.navbar_dropdown-content:has(.sq-m5-agents) .sq-m3-num{font-size:46px}
}
/* petits desktops : les sous-titres droits des objectifs sautent pour proteger la lisibilite */
@media (min-width:992px) and (max-width:1249px){
.navbar_dropdown-content:has(.sq-m5-agents) .navbar_dropdown-who-grid-2 .navbar_dropdown-type-content>p.text-size-small{display:none}
}

/* v22: le conteneur blanc colle au lisere du panneau (base Webflow .navbar_dropdown-container: margin 0 3px + max-width) */
.navbar_dropdown-list.w--open>.navbar_dropdown-container{margin:0;max-width:none;width:100%}
/* v23: bloc temoignage home (sq-havis) : tailles mobile + garde-fou image */
.sq-havis-pic{background:#E9ECE6}
@media (max-width:767px){.sq-havis{padding:64px 6%}.sq-havis-q{font-size:22px;line-height:1.45}}
/* v24: 8 chips sur 2 rangees dans le panneau fusion (gap 6, chip 11px) */
.navbar_dropdown-content:has(.sq-m5-agents) .sq-m3-chips{gap:6px}
.navbar_dropdown-content:has(.sq-m5-agents) .sq-m3-chip{font-size:11px;padding:4px 9px}

/* ===== v28 : section Recompenses en natif, papier partout + standard d'espacement =====
   Composant « Awards section », 6 pages. Remplace l'image 1320x304 (60 Ko, alt vide,
   illisible sous 600px) par du texte : double hero France Digitale / Challenges avec filet
   vertical, 4 distinctions en support sous filet horizontal.
   HISTORIQUE : v25 palette papier sur fond noir (illisible) -> v26 palette inversee ->
   v27 papier scope home -> v28 la section est remontee AVANT le CTA sur les 6 pages
   (la preuve precede la demande), donc papier PARTOUT et plus aucun scope par page.
   Contrastes sur papier #FBF6EC : 1B1B1B 15.99 | 2E7E65 4.55 | 6B736B 4.54 | 5B635B 5.77.

   STANDARD D'ESPACEMENT VERTICAL (a respecter sur toute nouvelle section) :
   120px haut / 120px bas en desktop, 72px en mobile (<=767). Quand deux sections de meme
   couleur se suivent, la seconde reduit son haut pour ne pas cumuler (FAQ 96 bas + Aw 96 haut).
   Bug corrige au passage : .faq6_content etait a padding-top 0, le titre de la FAQ touchait
   la bande sombre du temoignage sur la home. */

/* --- Standard d'espacement --- */
.sq-havis{padding-top:120px;padding-bottom:120px}
.faq6_content{padding-top:120px;padding-bottom:96px}
.sq-aw{padding:96px 0 120px}

/* --- Recompenses --- */
.awards-section{background-color:transparent}
.sq-aw-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#2E7E65;text-align:center;margin-bottom:46px}
.sq-aw-heroes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;margin:0 auto 46px}
.sq-aw-hero,.sq-aw-hero2{padding:4px 56px;text-align:center}
.sq-aw-hero2{border-left:1px solid #E0D9CA}
.sq-aw-kicker{font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6B736B}
.sq-aw-title{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;font-size:34px;line-height:1.14;letter-spacing:-.012em;color:#1B1B1B;margin-top:10px;text-wrap:balance}
.sq-aw-em{font-style:italic;color:#2E7E65}
.sq-aw-src{margin-top:13px;font-size:13px;color:#5B635B;font-weight:600}
.sq-aw-org2{color:#1B1B1B;font-weight:700}
.sq-aw-rest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1180px;margin:0 auto;padding-top:26px;border-top:1px solid #E0D9CA}
.sq-aw-r{text-align:center;padding:0 18px}
.sq-aw-org{font-size:12px;font-weight:700;color:#1B1B1B}
.sq-aw-lab{font-size:11.5px;color:#6B736B;font-weight:600;margin-top:3px;line-height:1.35}
@media(max-width:991px){
  .sq-aw-eyebrow{margin-bottom:32px}
  .sq-aw-heroes{grid-template-columns:1fr;gap:30px;margin-bottom:34px}
  .sq-aw-hero,.sq-aw-hero2{padding:0 12px}
  .sq-aw-hero2{border-left:none;border-top:1px solid #E0D9CA;padding-top:30px}
  .sq-aw-title{font-size:27px}
  .sq-aw-rest{grid-template-columns:1fr 1fr;gap:20px 0;max-width:520px}
  .sq-aw-r{padding:0 10px}
}
@media(max-width:767px){
  .sq-havis{padding-top:72px;padding-bottom:72px}
  .faq6_content{padding-top:72px;padding-bottom:56px}
  .sq-aw{padding:56px 0 72px}
}
@media(max-width:479px){
  .sq-aw-title{font-size:24px}
  .sq-aw-rest{grid-template-columns:1fr;gap:16px 0;text-align:left}
  .sq-aw-r{text-align:left;padding:0}
}

/* --- Temoignage home : bande sombre (v27, conserve) --- */
.sq-havis{background:#1B1B1B}
.sq-havis-q{color:#F8FFF4}
.sq-havis-name{color:#F8FFF4}
.sq-havis-job{color:#9AA396}
.sq-havis-link{color:#6EC2A8}
.sq-havis-pic{background:#2A2A2A;box-shadow:0 0 0 1px rgba(248,255,244,.14)}

/* ===== v32 du 2026-08-23 : Automate en papier + FAQ empilee (decisions CEO) =====

   A. section_automate passe en papier pour casser les 3 246px d'ouverture sombre
      (Hero + Miroir + Automate). Home uniquement : la classe n'existe nulle part ailleurs.
      Ce n'est pas qu'un fond : le rideau et le tunnel etaient dessines POUR du noir.
        - le rideau garde sa mecanique (ferme = sombre, ouvert = clair) mais la carte
          ouverte passe de #FBF6EC (invisible sur papier) a #FFFDF7 detoure ;
        - le lisere blanc de la carte fermee ne sert plus a rien sur papier -> transparent ;
        - le tunnel sqv2-fun : libelles, degrades de liaison, anneau de score, ombres,
          pastilles et avatars recalcules pour un fond clair. Selecteurs en 0,3,0 pour
          passer devant le <style> inline de l'embed, qui est plus loin dans le document.
      L'anneau de score et le glyphe garde le VIOLET #6C4FE0 : c'est le code couleur IA du
   design system produit (skill seeqle-product-illustrations), pas une fantaisie. Piste du
   track de l'anneau sur fond clair : #EDE9FB, comme specifie.

   B. FAQ : la question passe AU-DESSUS de la reponse, sur une seule colonne.
      Mesure sur les 6 questions de la home, une reponse ouverte :
        avant (question | reponse cote a cote)  1 402px a 1440, 1 459px a 1366
        2 colonnes (option B envisagee)         1 120px a 1440, 1 182px a 1366
        question empilee, 1 colonne             977px, stable de 1200 a 1920
      Le cote-a-cote etait le vrai coupable : il ecrasait la question sur une colonne
      etroite (150px de large a 992px de viewport, FAQ a 2 724px de haut).
      Repasser sur 2 colonnes = ajouter @media(min-width:1280px){.faq6_list{display:grid;
      grid-template-columns:1fr 1fr;gap:0 40px;align-items:start}} */

/* --- A. Automate en papier --- */
.section_automate{background-color:transparent;color:#1B1B1B}
.section_automate .text-color-neutral-lighter{color:#5B635B}
.automate_item,.automate_inner-item{background-color:#FFFDF7}
.automate_item{box-shadow:inset 0 0 0 1px #E9ECE6,0 10px 30px -12px rgba(10,15,12,.14)}
.automate_close-wrapper._1,.automate_close-wrapper._3{border-color:transparent;box-shadow:none}
.section_automate .automate_close-content-wrapper .text-color-neutral-lighter{color:#D5DBD5}
.section_automate .heading-style-h4.text-color-primary{color:#1B1B1B}

/* --- A bis. tunnel sqv2-fun sur fond clair --- */
.section_automate .sqv2-fun .flab{color:#1B1B1B}
.section_automate .sqv2-fun .fsub{color:#5B635B}
.section_automate .sqv2-fun .flab .fst{color:#6C4FE0}
.section_automate .sqv2-fun .fcon i{background:linear-gradient(90deg,rgba(27,27,27,.14),#43AA8B)}
.section_automate .sqv2-fun .fdoc,
.section_automate .sqv2-fun .fchip,
.section_automate .sqv2-fun .fring,
.section_automate .sqv2-fun .fav{box-shadow:0 12px 30px -12px rgba(10,15,12,.20)}
.section_automate .sqv2-fun .fchip.fdk{border-color:rgba(27,27,27,.16)}
.section_automate .sqv2-fun .fdoc .fch{color:#276A55}
.section_automate .sqv2-fun .fring{background:conic-gradient(#6C4FE0 0 87%,#EDE9FB 87% 100%)}
.section_automate .sqv2-fun .fring .frt{color:#6B736B}
.section_automate .sqv2-fun .fav{border-color:#FBF6EC;background-color:#CFD8CB}
.section_automate .sqv2-fun .fok{border-color:#FBF6EC}
@media (max-width:991px){
  .section_automate .sqv2-fun .fcon i{background:linear-gradient(180deg,rgba(27,27,27,.14),#43AA8B)}
}

/* --- B. FAQ : question empilee au-dessus de la reponse (toutes les pages) --- */
.faq6_accordion{grid-template-columns:1fr !important;gap:0 !important;padding:24px 0 !important;
  border-top:none !important;border-bottom:1px solid #E5E7EB !important;
  border-left:none !important;border-right:none !important}
.faq6_list-grid>.faq6_accordion:first-child{border-top:1px solid #E5E7EB !important}
.faq6_answer{padding-left:0;padding-right:0}
.faq6_answer>*{margin-top:14px}
.faq6_answer p,.faq6_answer div{font-size:16px;line-height:1.6;max-width:70ch}
@media(min-width:1200px){
  /* le bloc FAQ est centre et resserre : la liste remplit sa colonne, le blanc restant
     devient une marge de page symetrique au lieu d'un trou a droite de la liste */
  .faq6_content{max-width:1100px;margin-left:auto;margin-right:auto;
    grid-template-columns:.85fr 1fr;grid-column-gap:64px}
}
.faq6_question>div:first-child{font-size:22px;line-height:1.22}
@media (max-width:767px){
  .faq6_question>div:first-child{font-size:20px}
  .faq6_answer p,.faq6_answer div{font-size:15.5px}
}

/* v30 : trois correctifs releves a la verification live de la v29.
   1. la classe Webflow de base .faq6_accordion porte border:1px solid #43AA8B sur les
      QUATRE cotes. La v29 ne neutralisait que le haut -> filets VERTS reapparus a gauche
      et a droite sur toutes les FAQ. border-left/right:none ajoutes.
   2. le filet du haut du premier accordeon ne s'appliquait pas : le parent reel est
      .faq6_list-grid, pas .faq6_list.
   3. .automate_close-wrapper._1/._3 (specificite 0,2,0) gardait border:1px solid blanc
      + box-shadow inset blanc, concus pour un fond noir : halo clair sur papier. */

/* v31 : stress test du rideau, du tunnel et des Recompenses + retour du CEO sur le violet.
   1. VIOLET IA RETABLI. Le #6C4FE0 n'est pas hors palette : c'est le code couleur IA acte
      dans seeqle-product-illustrations (badges glyphe, anneaux de score, elements generes
      par l'IA), et rappele dans ce skill. La v29 l'avait passe au vert par erreur.
      Anneau sur fond clair : conic-gradient(#6C4FE0 0 {score}%, #EDE9FB {score}% 100%).
   2. BUG DE CONTRASTE trouve au stress test : la regle v29
      `.section_automate .text-color-neutral-lighter{color:#5B635B}` frappait AUSSI les deux
      paragraphes des cartes FERMEES du rideau, qui restent sombres -> gris fonce sur #222,
      ratio 2,56. Re-eclaircis a #D5DBD5 (11,31). Lecon : quand une section passe du sombre
      au clair, une regle de couleur non scopee touche aussi les elements qui, EUX, restent
      sombres. Scoper par conteneur, pas par section.
   3. Chip « Emploi · Formation » du tunnel : 4,29 -> 5,61 a 9px (#2E7E65 -> #276A55).
   4. Titres des cartes ouvertes : noir pur -> #1B1B1B (encre de marque).
   5. FAQ : question, reponse et filet alignes sur 640px. Avant, la question tenait 1065px
      et la reponse etait plafonnee a 64ch (604px) : 461px de vide qui se lisait comme un
      trou. Le vide devient une marge droite franche, la hauteur ne bouge pas (978px).
   Faux positifs ecartes : le titre vertical du rideau (transform rotate, scrollWidth 252
   pour une boite de 26px, overflow visible, rendu complet) et les fonds semi-transparents
   mal composes par la sonde. */

/* v32 : le vide a droite de la FAQ, deuxieme passe.
   La v31 plafonnait l'accordeon a 640px, mais la colonne de droite de la grille faisait
   toujours 836px a 1558 (largeur d'ecran du CEO) : le blanc restait DANS la colonne, donc
   lu comme un trou. Corrige a la racine : le bloc entier est centre sur 1100px avec une
   grille .85fr/1fr, la liste remplit sa colonne, et le blanc part en marge de page
   symetrique. Mesure de lecture 64-70ch de 1100 a 1920, plus aucun vide interne.
   Le plafond 70ch reste en filet de securite pour la bande 768-991, ou la mise en page
   de base passe en une colonne et la liste atteint 767px (96ch sans plafond).
   Cout : +26px de hauteur (978 -> 1004). */

/* ============================================================
   v33 (2026-08-24) : GRILLE UNIQUE, un seul bord de contenu
   ------------------------------------------------------------
   Invariant applique a TOUT le site :
     bord du contenu = max(112px, (vw - 1312px)/2)   au-dessus de 767px
     bord du contenu = 20px                          sous 768px
   C'est exactement ce que produit le couple natif Webflow
   .padding-global (7rem) + .container-large (82rem).
   Pour un bloc custom qui n'a pas ce couple, la meme formule tient
   en une regle : max-width 96rem (1536 = 1312 + 2 x 112) + padding-inline 7rem.
   Ne JAMAIS reintroduire une largeur maison (960, 1080, 1100, 1180,
   1240) : c'est ce qui avait produit six bords differents sur une page.
   ============================================================ */

/* 1. Les sections custom portaient leur propre gouttiere (24px, 5%) :
      on la remet a zero, le cadre interieur s'en charge. */
.sq-miroir,.sq-agents,.sq-havis,.sq-inv-sec,.sq-gloss,.sq-invlink,.sq-sec{padding-left:0;padding-right:0}

/* 2. Le cadre unique. !important parce que .sq-all-posts et .sq-pricing
      declarent leur largeur dans un <style> place DANS le body, donc
      apres cette feuille. */
.sqm-in,.sqa-in,.sq-havis-in,.sq-inv-in,.sq-all-posts,.sq-pricing .wrap{
  max-width:96rem !important;
  margin-left:auto !important;margin-right:auto !important;
  padding-left:7rem !important;padding-right:7rem !important;
  box-sizing:border-box}
@media (max-width:767px){
  .sqm-in,.sqa-in,.sq-havis-in,.sq-inv-in,.sq-all-posts,.sq-pricing .wrap{
    padding-left:1.25rem !important;padding-right:1.25rem !important}
}

/* 3. Les deux blocs centres gardent leur mesure de lecture :
      le CADRE s'aligne sur la grille, le TEXTE reste court et centre. */
.sqm-in>*{max-width:960px;margin-left:auto;margin-right:auto}
.sq-havis-in>*{max-width:820px;margin-left:auto;margin-right:auto}

/* 4. CTA : la variante montee sur .padding-section-medium (home, Attract,
      Match, Technologie, Tarifs, Blog, Secteur) n'avait AUCUNE gouttiere.
      Sous 1536px la carte touchait les bords : 64px de marge a 1440,
      0 a 1280 et en dessous. La variante .padding-global (Entreprise,
      Ecole) etait deja correcte, on n'y touche pas. */
.section_cta>.padding-section-medium{padding-left:7rem;padding-right:7rem}
@media (max-width:767px){
  .section_cta>.padding-section-medium{padding-left:1.25rem;padding-right:1.25rem}
}

/* 5. Bandeau logos : gouttiere de 2rem, donc bord a 139 au lieu de 123. */
.section_brand>.padding-global{padding-left:7rem !important;padding-right:7rem !important}
@media (max-width:767px){
  .section_brand>.padding-global{padding-left:1.25rem !important;padding-right:1.25rem !important}
}

/* 6. FAQ : le plafond a 1100px de la v32 la mettait 106px en retrait de
      ses voisines. Elle revient dans le contenant natif ; le vide a droite
      est evite par le ratio de colonnes, pas par un plafond.
      1312 - 64 de gouttiere = 1248 ; .95fr / 1fr donne 608 + 640,
      et 640px est exactement la mesure de 70ch de la reponse. */
@media (min-width:1200px){
  .faq6_content{max-width:82rem;margin-left:auto;margin-right:auto;
    grid-template-columns:.95fr 1fr;grid-column-gap:64px}
}
/* Le bandeau logos de la home est un calque pose DANS le .padding-global du
   hero : il ne doit donc pas ajouter sa propre gouttiere, sinon elle se cumule
   (224px au lieu de 112). Sa regle de padding vit dans le <head>, passee a
   `padding:0 0 14px!important` le 24/08. */

/* 7. Les autres cadres maison repertories dans la feuille Webflow et dans
      les embeds : meme formule. Volontairement exclus, les landing pages
      lp-* / tv2-* qui vivent sur leur propre systeme 8px. */
.sq-pricing .nav-in,.sq-gloss-inner,.sq-invlink-in,.sq-sec-inner{
  max-width:96rem !important;
  margin-left:auto !important;margin-right:auto !important;
  padding-left:7rem !important;padding-right:7rem !important;
  box-sizing:border-box}
@media (max-width:767px){
  .sq-pricing .nav-in,.sq-gloss-inner,.sq-invlink-in,.sq-sec-inner{
    padding-left:1.25rem !important;padding-right:1.25rem !important}
}
/* La bande sombre "vos donnees restent les votres" (Attract, Match) est une
   CARTE : c'est son bord arrondi qui doit tomber sur la grille, pas son texte
   interieur. On pose donc la gouttiere sur le conteneur et le contenant sur
   la carte. */
.sqv2-cfm{padding-left:7rem !important;padding-right:7rem !important}
.sqv2-cfm .bnd{max-width:82rem !important}
@media (max-width:767px){.sqv2-cfm{padding-left:1.25rem !important;padding-right:1.25rem !important}}

/* 8. Consequence de la grille : avec 112px de gouttiere, la grille 2 colonnes
      des cartes Agents ne tenait plus a 768-991px (les cartes debordaient de
      41px). Elle n'avait aucune regle responsive : elle passe sur une colonne
      sous 992px. */
@media (max-width:991px){.sqa-grid{grid-template-columns:1fr}}

/* ============================================================
   v34 (2026-08-24) : fin de la grille + echelle de padding de carte
   + colonne de titre de la FAQ resserree
   ============================================================ */

/* 9. Deux derniers cadres hors grille trouves au balayage complet :
      la section Avis d'Ecole et Sourcing montee sur .container-medium
      (64rem au lieu de 82rem) et le bloc Avantages d'Entreprise. */
.section_avis .container-medium{max-width:82rem}
.sqv2-aven-in{max-width:82rem !important}

/* 10. ECHELLE DE PADDING DE CARTE (horizontal)
   -------------------------------------------
   Le padding interieur d'une carte decale le texte par rapport a la grille.
   Trois valeurs seulement, choisies par taille de carte :
     XL  56px  carte pleine largeur (>= 1000px), texte a 123+56 = 179
     MD  32px  carte de contenu (400-1000px)
     SM  24px  petite carte (< 400px)
   Avant : 92, 60, 56, 48, 38, 36, 32, 24, 16. Neuf valeurs.
   EXCLUS volontairement : les boites internes des mockups (classes d'une
   lettre dans les embeds sqv2-, .sqmk-*), qui sont des composants dessines
   et non des cartes de page ; et le padding VERTICAL, qui releve du rythme
   de la section, pas de l'alignement (la banniere CTA garde ses 140px). */
.cta_component,
.sqv2-cfm .bnd,
.sq-pricing .socle,.sq-pricing .attract,
.sqa-dark,
.avis_tab-wrapper,.sqv2-aven-card{padding-left:56px !important;padding-right:56px !important}

.sqa-c,.sq-pricing .res-c,.sq-pricing .magent,
.bento-horizontal-div,.bento-vertical-div,
.sq-gloss-card{padding-left:32px !important;padding-right:32px !important}
.sqa-c{padding-top:32px;padding-bottom:32px}
.sq-pricing .res-c{padding-top:32px !important;padding-bottom:32px !important}

.why_horizontal-item,.layout365_card-small-content{padding-left:24px;padding-right:24px}
.why_horizontal-item{padding-top:24px;padding-bottom:24px}

@media (max-width:767px){
  .cta_component,.sqv2-cfm .bnd,.sq-pricing .socle,.sq-pricing .attract,
  .sqa-dark,.avis_tab-wrapper,.sqv2-aven-card{padding-left:24px !important;padding-right:24px !important}
  .sqa-c,.sq-pricing .res-c,.sq-pricing .magent,.bento-horizontal-div,.bento-vertical-div,
  .sq-gloss-card{padding-left:20px !important;padding-right:20px !important}
  .why_horizontal-item,.layout365_card-small-content{padding-left:18px;padding-right:18px}
}

/* 11. FAQ : la colonne de titre ne porte qu'un H2 court, deux lignes de
      chapo et un bouton. A .95fr elle prenait 608px, presque autant que la
      liste. Elle passe a 400px maximum ; la liste garde sa mesure de 70ch
      (640px) et reste calee sur le bord droit de la grille. Le blanc qui
      reste tombe ENTRE les deux colonnes : c'est une gouttiere, pas un trou. */
@media (min-width:1200px){
  .faq6_content{grid-template-columns:minmax(280px,420px) 1fr;grid-column-gap:64px}
  .faq6_list{max-width:700px;width:100%;margin-left:auto}
  /* la liste porte desormais la mesure : le plafond 70ch de la reponse ne
     sert plus qu'a la bande 768-1199, ou la mise en page repasse sur une
     seule colonne. Au-dessus, la reponse remplit ses 700px (78ch). */
  .faq6_answer p,.faq6_answer div{max-width:none}
}

/* 12. Bloc Recompenses : le conteneur etait en largeur de contenu (donc une
      largeur DIFFERENTE par locale : 1034 en EN, 1086 en FR, 1119 en DE,
      1164 en ES) et ses deux grilles avaient encore leurs propres plafonds
      a 1120 et 1180. Tout revient sur le contenant commun. */
.sq-aw{width:100%;max-width:82rem;margin-left:auto;margin-right:auto}
.sq-aw-heroes,.sq-aw-rest{max-width:none}

/* 13. Les deux cartes de temoignage s'elargissent avec la grille (1024 -> 1312) :
      leur citation centree passerait de 840 a 1200px de mesure, illisible.
      Meme regle que le temoignage de la home : le cadre s'aligne, le texte
      garde sa mesure. */
.avis_tab-wrapper>*,.sqv2-aven-pane{max-width:840px;margin-left:auto;margin-right:auto}

/* ============================================================
   v35 (2026-08-24) : hierarchie des CTA + contraste des boutons verts
   ============================================================ */

/* A. CONTRASTE DES BOUTONS VERTS (defaut trouve en auditant les CTA)
   ------------------------------------------------------------------
   Le bouton vert de marque portait un texte creme : #F8FFF4 sur #43AA8B
   donne un ratio de 2,80. Le niveau AA en demande 4,5. TOUS les CTA
   principaux du site echouaient, sur toutes les pages et toutes les locales.
   Le texte passe en #1B1B1B : ratio 6,38, et la couleur de marque est
   conservee telle quelle. Ne jamais remettre de texte clair sur le vert
   #43AA8B : aucune nuance de creme ne passe AA sur ce fond. */
.button.is-light-green,.button.is-green,.single-button.is-light-green,
.sqm-cta,.sq-pricing .btn-p{color:#1B1B1B !important}
.button.is-light-green .txt-btn,.button.is-green .txt-btn,
.single-button.is-light-green .txt-btn,.sq-pricing .btn-p *{color:#1B1B1B !important}
.button.is-light-green svg path,.button.is-green svg path,
.single-button.is-light-green svg path{fill:#1B1B1B !important}
/* Ecole et Entreprise : le hero garde un bouton creme, texte deja sombre. */
html[data-wf-page="67053f34cd07f408b772ef4a"] .product-hero-sectioon .button.is-green,
html[data-wf-page="67054716063cf6c06b711789"] .product-hero-sectioon .button.is-green{color:#1B1B1B !important}

/* B. HIERARCHIE : la demo est TOUJOURS le bouton plein, l'essai gratuit
   TOUJOURS le secondaire. Match presentait l'inverse (essai en vert plein,
   demo en blanc) et Attract deux boutons pleins cote a cote.
   /tarifs est volontairement exclu : c'est la page self-serve, le bouton
   de chaque offre y est legitimement l'action principale.
   ------------------------------------------------------------------ */
.product-hero-sectioon a[href*="signup"]{
  background:transparent !important;border:1px solid rgba(248,255,244,.35) !important;
  color:#F8FFF4 !important}
.product-hero-sectioon a[href*="signup"] .txt-btn{color:#F8FFF4 !important}
.product-hero-sectioon a[href*="signup"] svg path{fill:#F8FFF4 !important}
.product-hero-sectioon a[href*="/contact"]{
  background:#43AA8B !important;border:0 !important;color:#1B1B1B !important}
.product-hero-sectioon a[href*="/contact"] .txt-btn{color:#1B1B1B !important}
.product-hero-sectioon a[href*="/contact"] svg path{fill:#1B1B1B !important}

/* CTA de fin de page : l'essai reste fantome partout, Entreprise compris
   (il y etait en blanc plein, donc a egalite avec la demo). */
.cta_component a[href*="signup"]{
  background:transparent !important;border:1px solid rgba(248,255,244,.35) !important;
  color:#F8FFF4 !important}
.cta_component a[href*="signup"] .txt-btn{color:#F8FFF4 !important}
.cta_component a[href*="signup"] svg path{fill:#F8FFF4 !important}

/* C. MATRICE PAR SEGMENT (v36, correction du 24/08)
   ------------------------------------------------------------------
   La v35 MASQUAIT l'essai gratuit dans le hero d'Ecole, Entreprise,
   Interim, Agence et Job boards. C'etait une erreur : la recommandation
   etait de le RETROGRADER en secondaire, pas de le retirer, precisement
   pour pouvoir mesurer son taux de clic sur ces segments avant de
   trancher. Le bouton revient donc, en fantome, comme sur les pages
   produit. La regle B ci-dessus s'en charge deja : aucune regle
   specifique n'est necessaire, la hierarchie est la meme partout.
   Une seule difference assumee : sur ces cinq pages, l'essai est
   legerement en retrait pour que la demo reste l'action evidente. */
html[data-wf-page="67054716063cf6c06b711789"] .product-hero-sectioon a[href*="signup"],
html[data-wf-page="67053f34cd07f408b772ef4a"] .product-hero-sectioon a[href*="signup"],
html[data-wf-page="688a2760b5e40346e13aa187"] .product-hero-sectioon a[href*="signup"],
html[data-wf-page="67054b2f9bc7bf66d6cac90b"] .product-hero-sectioon a[href*="signup"],
html[data-wf-page="6a7535129635446c85083287"] .product-hero-sectioon a[href*="signup"],
html[data-wf-page="67054716063cf6c06b711789"] .section_hero a[href*="signup"],
html[data-wf-page="67053f34cd07f408b772ef4a"] .section_hero a[href*="signup"],
html[data-wf-page="688a2760b5e40346e13aa187"] .section_hero a[href*="signup"],
html[data-wf-page="67054b2f9bc7bf66d6cac90b"] .section_hero a[href*="signup"],
html[data-wf-page="6a7535129635446c85083287"] .section_hero a[href*="signup"]{
  display:inline-flex !important;
  border-color:rgba(248,255,244,.24) !important;opacity:.88}

/* ============================================================
   D. RESPIRATION ENTRE SECTIONS (v37, 2026-08-24)
   ------------------------------------------------------------
   Deux anomalies de rythme vertical mesurees sur le site, une
   dans chaque sens. Le rythme normal entre deux sections est de
   232 a 264 px de vide optique (mesure : dernier pixel d'encre
   d'une section, premier pixel de la suivante).

   D1. FAQ -> RECOMPENSES : 297 px, la plus grande respiration
   de la page. Un filet de separation a ete teste puis ECARTE :
   la FAQ ferme deja sa liste par un filet pleine grille, en
   ajouter un second a 137 px donnait deux traits identiques et
   se lisait comme une ligne vide. Reduction seule, donc, et le
   bloc rentre dans le rythme : 241 px sur desktop et tablette,
   161 px sur mobile. Portee limitee au voisin direct
   .faq6_component + .awards-section : ailleurs le bloc
   Recompenses suit la banniere CTA sombre, ou la frontiere est
   deja donnee par le changement de fond.

   D2. TEMOIGNAGE -> RESULTATS, le probleme inverse et plus
   grave. Sur les pages produit, .why_sticky-wrapper porte la
   classe combo .produit qui met son padding-top a 0. Tant que la
   section precedente etait claire et portait son propre padding
   bas, cela passait. Depuis que le bandeau temoignage sombre la
   precede, le H2 "Pourquoi les equipes recrutement..." demarre
   exactement sur le bord du bandeau : 0 px de respiration au
   dessus de 992 px de large. On remet 120 px, la meme valeur que
   la transition equivalente sur la home. Marge exterieure et non
   padding : la section est pilotee par un ScrollTrigger sticky,
   on ne touche pas a la mecanique interne. Sous 992 px la
   sequence a deja 100 px, on n'y touche pas.
   Reversible : supprimer ce bloc D. */
.faq6_component + .awards-section .padding-section-small{padding-top:8px}
@media(min-width:992px){
  .sq-havis + .section_why{margin-top:120px}
}

/* ============================================================
   E. SWEEP QA DU 2026-08-24 (v38)
   52 pages representant tous les gabarits du site, 4 locales,
   6 largeurs (1920 / 1440 / 1280 / 991 / 768 / 390), soit 312
   rendus. Resultat : 0 overflow horizontal, 0 erreur de
   taxonomie CTA, grille respectee sur 51 pages sur 52.
   Trois defauts corriges ici, chacun mesure.
   ------------------------------------------------------------
   E1. CONTRASTE. La v35 avait corrige tous les boutons verts
   ATTEINTS PAR SES SELECTEURS. Trois boutons y echappaient et
   affichaient encore du texte clair sur #43AA8B :
     .sq-inv-b1  (cout-recrutement-france)  2,80
     .sq-sec-btn (securite)                 2,80
     .btn-primary + sa fleche (diagnostic)  2,85
   AA demande 4,5 pour le texte et 3,0 pour un pictogramme.
   Texte et fleche passent en #1B1B1B, ratio 6,04.
   REGLE : aucun texte clair sur #43AA8B, nulle part, jamais. */
.sq-inv-b1,.sq-sec-btn,.sq-inv-cta .sq-inv-b1{color:#1B1B1B !important}
.sq-inv-b1 *,.sq-sec-btn *{color:#1B1B1B !important}
.sq-inv-b1 svg path,.sq-sec-btn svg path{fill:#1B1B1B !important}
.btn.btn-primary{color:#1B1B1B !important}
.btn.btn-primary *,.btn.btn-primary .arr{color:#1B1B1B !important}
.btn.btn-primary svg path{fill:#1B1B1B !important}

/* E2. GRILLE, page /cout-recrutement-france. Le hero et le CTA
   de bas de page inseraient leur contenu a 184 px du bord au
   lieu de 112 : leurs conteneurs .sq-inv-hero et .sq-inv-cta
   portaient un padding-inline de 72 px EN PLUS des 112 px de
   .sq-inv-in. Deux blocs 144 px plus etroits que les six autres
   sections de la meme page. On retire le double padding, le
   bord de contenu revient sur la grille unique. */
.sq-inv-hero,.sq-inv-cta{padding-left:0 !important;padding-right:0 !important}

/* E3. RESPIRATION ECRASEE, page Agent Match, sous 992 px.
   Entre le bloc "axe de developpement" et le bloc ATS il ne
   reste que 31 px, contre 210 px sur desktop : les deux blocs
   se touchent. On remonte a 121 px, dans la bande de rythme du
   site (120 a 264 px selon les transitions). */
@media(max-width:991px){
  .ats-section{margin-top:90px}
}

/* ============================================================
   F. BLOC TEMOIGNAGE : CHIFFRE ET LOGO CLIENT (v39)
   ------------------------------------------------------------
   Le bandeau .sq-havis de la home, d'Attract et de Match ne
   montrait qu'un verbatim, une photo et un nom. Il lui manquait
   les deux elements qui portent la preuve en B2B grand compte :
   le RESULTAT chiffre et le LOGO du client.

   Les elements .sqav-fig / .sqav-brand sont poses en dur dans
   la page (pas de liaison CMS possible via l'API Data : les
   champs d'une Collection List ne sont pas exposes comme source
   de binding). La source de verite reste la collection
   Temoignages, champs Chiffre / Chiffre libelle / Chiffre
   source : en cas de divergence, c'est le CMS qui a raison.

   Ce bloc ne porte que ce que la classe Webflow ne pouvait pas
   porter : la police Hedvig Letters Serif, que le constructeur
   WHTML n'a pas pu installer, et les garde-fous de taille. */
.sqav-fig{text-align:center}
.sqav-n{
  font-family:'Hedvig Letters Serif',Georgia,serif !important;
  font-weight:400 !important;font-feature-settings:'lnum' 1;
  font-variant-numeric:lining-nums}
.sqav-brand img,.sqav-logo{max-height:26px}
@media(max-width:767px){
  .sqav-brand img,.sqav-logo{max-height:22px}
}
/* Le bandeau est sombre : logo blanc a pleine opacite, jamais
   grise. Un logo client en retrait ne sert a rien. */
.sq-havis .sqav-logo{opacity:1}

/* v40 : sous 480 px la ligne d'attribution (photo + identite + logo)
   depassait de 9 px sur Attract et 1 px sur Match. Elle passe en
   retour a la ligne, le logo va sur sa propre ligne et perd son
   filet de separation qui n'a plus de sens en pile. */
@media(max-width:479px){
  .sq-havis-who{flex-wrap:wrap;row-gap:14px}
  .sq-havis .sqav-brand{border-left:0;padding-left:0;margin-left:0}
}

/* ============================================================
   G. BLOC TEMOIGNAGE UNIFIE (v41)
   ------------------------------------------------------------
   Reprise EXACTE de la maquette validee (artifact "Bloc
   temoignage Seeqle") : design 02 + L2 pour l'etat citation
   unique, design L5 pour l'etat onglets. UN seul composant,
   DEUX etats, la meme grammaire partout.

   Ce que la v40 avait rate : elle avait pose le chiffre AU-DESSUS
   de la citation sur trois pages, et laisse la carte grise
   #EEEEEE en place sur Ecole, Sourcing, Visibilite,
   Prequalification et Agence. Deux designs au lieu d'un.

   Grammaire commune, tiree de la maquette :
     fond            #1B1B1B
     citation        Hedvig Letters Serif 27px, max 46ch, a GAUCHE
     colonne stat    360px a DROITE, filet vertical rgba(248,255,244,.16)
                     puis 48px de retrait
     chiffre         Hedvig Letters Serif 64px, #6EC2A8
     libelle         14,5px #9AA396, max 26ch
     logos d'onglet  opacite .9, JAMAIS eteints ; l'etat actif se
                     signale par le fond, la bordure verte et le
                     filet du bas
   Sous 992px la colonne passe dessous, le filet devient horizontal.
   ------------------------------------------------------------ */

/* ---- ETAT 1 : citation unique (home, Attract, Match) ---- */
@media(min-width:992px){
  .sq-havis-in{
    display:grid;grid-template-columns:1fr 360px;
    column-gap:80px;row-gap:0;
    align-items:center;text-align:left}
  /* les trois blocs de gauche portaient max-width + marges auto de
     l'ancienne version centree : on les remet au bord de colonne. */
  .sq-havis-in>.sq-havis-q{grid-column:1;grid-row:1;margin:0 0 28px 0;max-width:46ch}
  .sq-havis-in>.sq-havis-who{grid-column:1;grid-row:2;justify-content:flex-start;
    margin:0;max-width:none;width:100%}
  .sq-havis-in>.sq-havis-link{grid-column:1;grid-row:3;margin:24px 0 0 0;justify-self:start}
  .sq-havis-in>.sqav-fig{
    grid-column:2;grid-row:1 / span 3;align-self:center;
    text-align:left;margin-bottom:0;
    border-left:1px solid rgba(248,255,244,.16);padding-left:48px}
}
.sq-havis-q{font-size:27px !important;max-width:46ch}
.sqav-n{font-size:64px !important;line-height:1 !important;color:#6EC2A8 !important}
.sqav-l{font-size:14.5px !important;line-height:1.45;letter-spacing:0 !important;
  text-transform:none !important;color:#9AA396 !important;max-width:26ch;margin-top:12px}
@media(max-width:991px){
  .sq-havis-in{text-align:left}
  .sq-havis-in>.sq-havis-q{text-align:left;margin:0 0 28px 0;max-width:46ch}
  .sq-havis-in>.sq-havis-who{justify-content:flex-start;margin:0;max-width:none;width:100%}
  .sq-havis-in>.sq-havis-link{margin:24px 0 0 0}
  .sq-havis-in>.sqav-fig{
    border-top:1px solid rgba(248,255,244,.16);padding-top:32px;margin:36px 0 0 0;
    text-align:left}
}
@media(max-width:767px){
  .sq-havis-q{font-size:22px !important;line-height:1.45}
  .sqav-n{font-size:52px !important}
}

/* ---- ETAT 2 : onglets logos (Ecole, Sourcing, Visibilite,
        Prequalification, Agence). La carte grise #EEEEEE
        disparait, le bloc rejoint le fond sombre. ---- */
.section_avis{background-color:#1B1B1B !important;color:#F8FFF4}
.section_avis .text-surtitle{color:#6EC2A8 !important}
.section_avis h2,.section_avis .heading-style-h2{color:#F8FFF4 !important}
.section_avis .text-size-medium,.section_avis .max-width-medium p{color:#9AA396 !important}
/* le chapeau du bloc passe a gauche comme le reste de la maquette */
.section_avis .container-medium>.margin-bottom{text-align:left !important;margin-bottom:40px !important}
.section_avis .max-width-medium.align-center{margin-left:0 !important;margin-right:0 !important}
.section_avis .container-medium>.margin-bottom .text-align-center{text-align:left !important}

.section_avis .avis_tab-wrapper{
  background:transparent !important;border-radius:0 !important;
  box-shadow:none !important;padding:0 !important;overflow:visible !important}
.section_avis .avis_img-bg{display:none !important}
.section_avis .auto-tabs_content,
.section_avis .auto-tabs_pane{border-radius:0 !important;overflow:visible !important}

/* la rangee de logos passe AU-DESSUS du panneau (dans le DOM Webflow
   le contenu precede le menu ; on inverse par l'ordre flex). */
.section_avis .auto-tabs_menu{order:-1}
/* le conteneur onglets reste plus haut que son contenu (min-height
   Webflow, qui evite les sauts a la rotation) : le residu allait en
   haut et decollait la rangee de logos du titre. On le renvoie en bas. */
.section_avis .auto-tabs{justify-content:flex-start !important;min-height:0 !important}
/* Webflow bloquait le panneau a 450px, une valeur calee sur l'ancienne
   carte grise (padding 48/56, texte centre). Le contenu ne fait plus
   que 373px au maximum a 1440. On garde un min-height (il evite le
   saut de hauteur a la rotation des onglets) mais cale sur la mesure
   reelle du plus grand panneau, par palier. */
.section_avis .auto-tabs_pane,
.section_avis .w-tab-pane{min-height:380px !important}
@media(max-width:991px){
  .section_avis .auto-tabs_pane,
  .section_avis .w-tab-pane{min-height:445px !important}
}
@media(max-width:767px){
  .section_avis .auto-tabs_pane,
  .section_avis .w-tab-pane{min-height:520px !important}
}
/* le panneau etait une pile centree : on le remet en grille deux
   colonnes, citation a gauche, place de la stat a droite. */
.section_avis .avis_tab-wrapper{align-items:flex-start !important;justify-content:flex-start !important;
  min-height:0 !important;gap:0 !important}
.section_avis .avis_tab-wrapper>*{margin-left:0 !important;margin-right:0 !important}
.section_avis .avis_tab-wrapper .text-align-center{text-align:left !important;margin-bottom:28px !important;
  max-width:none !important}
.section_avis .text-size-xxlarge{
  font-family:'Hedvig Letters Serif',Georgia,serif !important;font-weight:400 !important;
  font-size:27px !important;line-height:1.4 !important;color:#F8FFF4 !important;max-width:46ch}
.section_avis .avis_bottom-content-wrapper{justify-content:flex-start;
  margin-left:0 !important;margin-right:0 !important;max-width:none !important}
.section_avis .text-weight-semibold{color:#F8FFF4 !important}
.section_avis .avis_bottom-content-wrapper p{color:#9AA396 !important}

/* la rangee de logos : lisible, jamais eteinte */
.section_avis .auto-tabs_menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin-top:0 !important;margin-bottom:44px !important}
.section_avis .auto-tabs_tab{
  background:rgba(248,255,244,.05) !important;
  border:1px solid rgba(248,255,244,.18) !important;border-radius:12px !important;
  padding:12px 20px !important;height:62px;display:flex;align-items:center;
  transition:border-color .2s,background .2s,box-shadow .2s}
.section_avis .auto-tabs_tab .avis_tab-logo{opacity:.9;transition:opacity .2s}
.section_avis .auto-tabs_tab:hover{
  border-color:rgba(248,255,244,.34) !important;background:rgba(248,255,244,.09) !important}
.section_avis .auto-tabs_tab.w--current{
  background:rgba(110,194,168,.15) !important;border-color:#6EC2A8 !important;
  box-shadow:inset 0 -3px 0 #6EC2A8}
.section_avis .auto-tabs_tab.w--current .avis_tab-logo{opacity:1}
.section_avis .auto-tabs_tab-bg{display:none !important}
.section_avis .auto-tabs_timer-bar{background:#6EC2A8 !important}
/* sous 768px Webflow repassait la signature en colonne centree :
   tout le bloc est aligne a gauche, elle aussi. */
@media(max-width:767px){
  .section_avis .avis_bottom-content-wrapper{
    flex-direction:row !important;align-items:center !important;
    justify-content:flex-start !important;text-align:left !important;gap:14px}
  .section_avis .avis_bottom-content-wrapper *{text-align:left !important}
  .section_avis .avis-marquee .avis_bottom-content-wrapper{flex-direction:row !important}
}
@media(max-width:767px){
  .section_avis .auto-tabs_menu{gap:6px}
  .section_avis .auto-tabs_tab{height:46px;padding:9px 14px !important}
  .section_avis .avis_tab-logo{max-height:19px}
  .section_avis .text-size-xxlarge{font-size:22px !important;line-height:1.45 !important}
}

/* ============================================================
   H. MARQUEE TEMOIGNAGES (Agence) + colonne stat absente (v42)
   ------------------------------------------------------------
   1. La carte du marquee heritait de la classe utilitaire .grid :
      display:grid, deux colonnes auto. Resultat AVANT v41 comme
      APRES : la citation etait comprimee dans 210-223px et la
      carte montait a 1287px de haut. Defaut preexistant, pas une
      regression v41, mais visible maintenant que le fond est
      sombre. On repasse la carte en colonne.
   2. Les fondus lateraux du marquee etaient en #fff, poses pour
      un fond clair. Sur #1B1B1B ils faisaient deux bandes
      blanches. Le style inline de la page n'a pas de !important,
      donc on gagne ici.
   3. Meme grammaire que le reste du bloc : filet vertical a
      gauche de chaque carte, citation serif, signature en bas.
   ------------------------------------------------------------ */
.section_avis .avis-marquee .avis_tab-wrapper{
  display:flex !important;flex-direction:column !important;
  justify-content:space-between !important;align-items:flex-start !important;
  gap:28px !important;width:400px !important;flex:0 0 400px !important;
  height:auto !important;min-height:0 !important;
  padding:4px 0 4px 32px !important;
  border-left:1px solid rgba(248,255,244,.16) !important;
  border-radius:0 !important;background:transparent !important}
.section_avis .avis-marquee .avis_quote-center{
  width:100% !important;max-width:none !important;height:auto !important}
.section_avis .avis-marquee .avis_quote-center .text-size-xxlarge,
.section_avis .avis-marquee .avis_quote-center p{
  font-family:'Hedvig Letters Serif',Georgia,serif !important;font-weight:400 !important;
  font-size:20px !important;line-height:1.5 !important;color:#F8FFF4 !important;
  text-align:left !important;max-width:none !important}
.section_avis .avis-marquee .avis_bottom-content-wrapper{
  width:100% !important;max-width:none !important;
  justify-content:flex-start !important;align-items:center !important}
.section_avis .avis-marquee .avis_picture-wrapper{
  width:48px !important;height:48px !important;flex:0 0 48px !important}
.section_avis .avis-marquee_track{align-items:stretch !important;gap:0 !important}
.section_avis .avis-marquee::before{
  background:linear-gradient(90deg,#1B1B1B,rgba(27,27,27,0)) !important}
.section_avis .avis-marquee::after{
  background:linear-gradient(270deg,#1B1B1B,rgba(27,27,27,0)) !important}
@media(max-width:767px){
  .section_avis .avis-marquee .avis_tab-wrapper{
    width:300px !important;flex:0 0 300px !important;padding-left:24px !important;gap:22px !important}
  .section_avis .avis-marquee .avis_quote-center .text-size-xxlarge,
  .section_avis .avis-marquee .avis_quote-center p{font-size:17px !important}
}

/* Match n'a pas encore de chiffre publie (Mon Specialiste Auto).
   Sans .sqav-fig la grille laissait 360px + 80px de vide a droite.
   On replie la colonne tant que le chiffre manque. */
@media(min-width:992px){
  .sq-havis-in:not(:has(.sqav-fig)){grid-template-columns:1fr}
}

/* ============================================================
   I. UNIFICATION COMPLETE DU BLOC TEMOIGNAGE (v43)
   ------------------------------------------------------------
   Le site portait CINQ implementations du meme bloc :
     1. .sq-havis          citation unique, statique   (home, Attract, Match)
     2. .section_avis      onglets CMS                 (Ecole, Sourcing, Visibilite, Prequalification)
     3. .section_avis      + .avis-marquee             (Agence)
     4. .sqv2-aven         embed maison                (Entreprise)
     5. .sqv2-avjb         embed maison                (Job boards)
   Les deux dernieres n'avaient jamais ete touchees : elles
   gardaient la carte grise #EEEEEE sur fond blanc, le texte
   centre, la typo sans serif et les logos a 30% d'opacite.
   Elles rejoignent ici la grammaire commune. Aucune de ces cinq
   n'a bouge de structure : tout se joue en CSS, donc rien a
   redeployer cote Designer.

   AJOUTS v43
   - Etat CLAIR (.sq-havis-light) : le bloc n'est plus toujours
     sombre. Regle de choix, mecanique et pas affaire de gout :
     le bandeau prend le fond OPPOSE a la sequence qui l'entoure.
     Sur une page en papier il est sombre (c'est la respiration) ;
     dans une suite de sections sombres il passe en clair. Seule
     Technologie remplit la seconde condition aujourd'hui : ses
     trois premieres sections font 3 800 px de noir d'affilee.
   - LOGOS : tous retraces en SVG monochrome (potrace sur le canal
     alpha, courbes lissees, aucun fond). Un seul fichier par
     client, peint en #F8FFF4. Sur fond clair il est recolore par
     filtre : brightness(0) puis invert(.106) donne EXACTEMENT
     #1B1B1B (invert(k) sur du noir rend 255k, et 255*.106 = 27).
   - ECHELLE OPTIQUE : un logo ne se cale pas sur sa hauteur mais
     sur la quantite d'encre qu'il pose. Un monogramme carre et un
     mot-symbole de rapport 9:1 a la meme hauteur donnent deux
     poids visuels sans rapport. Hauteur = k / (rapport x couverture)^0,35,
     mesuree sur le masque de chaque logo, bornee a [22, 44] px et
     176 px de large. Calibree sur CANAL+ a 28 px.
   ------------------------------------------------------------ */

/* ---- structure commune du bandeau statique (les nouveaux blocs
        d'Interim, Cas clients, Tarifs, Services et Technologie
        ne peuvent pas heriter des classes Webflow de la home) ---- */
.sq-havis-q{font-family:'Hedvig Letters Serif',Georgia,serif;font-weight:400;
  line-height:1.4;margin:0}
.sq-havis-who{display:flex;align-items:center;gap:16px}
.sq-havis-pic{width:52px;height:52px;flex:0 0 52px;border-radius:50%;object-fit:cover}
.sq-havis-name{font-weight:600;font-size:15.5px;line-height:1.3}
.sq-havis-job{font-size:14px;line-height:1.35;margin-top:2px}
.sq-havis-link{display:inline-block;font-size:15px;font-weight:600;text-decoration:none}
.sq-havis-link:hover{text-decoration:underline}
.sqav-brand{display:flex;align-items:center;margin-left:20px;padding-left:20px;
  border-left:1px solid rgba(248,255,244,.18)}
.sqav-logo{width:auto;display:block}
/* signature sans portrait : la pastille vide ne doit pas laisser de trou */
.sq-havis-nopic .sq-havis-pic,.sq-havis-who:not(:has(.sq-havis-pic)) .sq-havis-pic{display:none}

/* ---- ETAT CLAIR ---- */
.sq-havis-light{background:#FBF6EC !important;color:#1B1B1B}
.sq-havis-light .sq-havis-q{color:#1B1B1B !important}
.sq-havis-light .sq-havis-name{color:#1B1B1B !important}
.sq-havis-light .sq-havis-job{color:#5B635B !important}
.sq-havis-light .sq-havis-link{color:#2E7E65 !important}
.sq-havis-light .sq-havis-pic{background:#E9ECE6;box-shadow:0 0 0 1px rgba(27,27,27,.12)}
.sq-havis-light .sqav-n{color:#2E7E65 !important}
.sq-havis-light .sqav-l{color:#5B635B !important}
.sq-havis-light .sqav-brand{border-left-color:rgba(27,27,27,.14)}
.sq-havis-light .sqav-logo{filter:brightness(0) invert(.106)}
@media(min-width:992px){
  .sq-havis-light .sq-havis-in>.sqav-fig{border-left-color:rgba(27,27,27,.14)}
}
@media(max-width:991px){
  .sq-havis-light .sq-havis-in>.sqav-fig{border-top-color:rgba(27,27,27,.14)}
}

/* ---- EMBEDS MAISON : Entreprise (.sqv2-aven) et Job boards (.sqv2-avjb) ---- */
.sqv2-aven,.sqv2-avjb{background:#1B1B1B !important;color:#F8FFF4 !important;
  padding:120px 0 !important}
.sqv2-aven-in,.sqv2-avjb-in{max-width:96rem !important;margin:0 auto !important;
  padding-inline:7rem;box-sizing:border-box}
.sqv2-aven-head,.sqv2-avjb-head{text-align:left !important;margin-bottom:40px !important}
.sqv2-aven-sur,.sqv2-avjb-sur{color:#6EC2A8 !important}
.sqv2-aven-h2,.sqv2-avjb-h2{color:#F8FFF4 !important;font-size:2.5rem !important}
/* la carte grise disparait : le panneau rejoint le fond */
.sqv2-aven-card,.sqv2-avjb-card{background:transparent !important;border-radius:0 !important;
  box-shadow:none !important;padding:0 !important;min-height:300px !important;
  align-items:flex-start !important;text-align:left !important;overflow:visible !important}
.sqv2-aven-q,.sqv2-avjb-q,.sqv2-avjb-fact{
  font-family:'Hedvig Letters Serif',Georgia,serif !important;font-weight:400 !important;
  font-size:27px !important;line-height:1.4 !important;color:#F8FFF4 !important;max-width:46ch}
.sqv2-aven-who,.sqv2-avjb-who{justify-content:flex-start !important;margin-top:28px !important}
.sqv2-aven-pic,.sqv2-avjb-pic{width:52px !important;height:52px !important;flex:0 0 52px !important;
  background:#2A2A2A !important;box-shadow:0 0 0 1px rgba(248,255,244,.14)}
.sqv2-aven-name,.sqv2-avjb-name{color:#F8FFF4 !important;font-size:15.5px !important}
.sqv2-aven-job,.sqv2-avjb-job{color:#9AA396 !important;font-size:14px !important}
.sqv2-aven-bgimg,.sqv2-avjb-bgimg{display:none !important}
/* la rangee de logos passe AU-DESSUS du panneau et cesse d'etre eteinte */
.sqv2-aven-in,.sqv2-avjb-in{display:flex;flex-direction:column}
.sqv2-aven-head,.sqv2-avjb-head{order:0}
.sqv2-aven-tabs,.sqv2-avjb-tabs{order:1;margin-top:0 !important;margin-bottom:44px !important;
  gap:8px !important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important}
.sqv2-aven-card,.sqv2-avjb-card{order:2}
.sqv2-aven-tab,.sqv2-avjb-tab{opacity:1 !important;
  background:rgba(248,255,244,.05) !important;border:1px solid rgba(248,255,244,.18) !important;
  border-radius:12px !important;padding:10px 18px 12px !important;height:72px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  transition:border-color .2s,background .2s}
.sqv2-aven-tab:hover,.sqv2-avjb-tab:hover{border-color:rgba(248,255,244,.34) !important;
  background:rgba(248,255,244,.09) !important}
.sqv2-aven-tab[aria-selected=true],.sqv2-avjb-tab[aria-selected=true]{
  background:rgba(110,194,168,.15) !important;border-color:#6EC2A8 !important;
  box-shadow:inset 0 -3px 0 #6EC2A8}
.sqv2-aven-track,.sqv2-avjb-track{display:none !important}
.sqv2-aven-bar,.sqv2-avjb-bar{display:none !important}
.sqv2-aven-logo,.sqv2-avjb-logo{margin:0 auto !important;max-width:88% !important;
  object-fit:contain}
.sqv2-avjb-lb{color:#6EC2A8 !important}
.sqv2-avjb-lb::before{background:#6EC2A8 !important;box-shadow:0 0 0 4px rgba(110,194,168,.18) !important}
@media(max-width:991px){
  .sqv2-aven,.sqv2-avjb{padding:80px 0 !important}
  .sqv2-aven-in,.sqv2-avjb-in{padding-inline:20px}
  .sqv2-aven-who,.sqv2-avjb-who{flex-direction:row !important;align-items:center !important}
  .sqv2-aven-name,.sqv2-aven-job,.sqv2-avjb-name,.sqv2-avjb-job{text-align:left !important}
}
@media(max-width:767px){
  .sqv2-aven-h2,.sqv2-avjb-h2{font-size:1.9rem !important}
  .sqv2-aven-q,.sqv2-avjb-q,.sqv2-avjb-fact{font-size:22px !important;line-height:1.45 !important}
  .sqv2-aven-tab,.sqv2-avjb-tab{height:56px;padding:8px 12px 10px !important}
}

/* ---- ECHELLE OPTIQUE DES LOGOS ---- */
/* rangee d'onglets : hauteur optique, normalisee sur l'encre reelle */
.sq-logo-scale img[alt="Logo Académie de Reims"],.section_avis .avis_tab-logo[alt="Logo Académie de Reims"],.sqv2-aven-logo[alt="Logo Académie de Reims"],.sqv2-avjb-logo[alt="Logo Académie de Reims"]{max-height:44px !important;height:44px !important}
.sq-logo-scale img[alt="Logo Anett Kalhyge"],.section_avis .avis_tab-logo[alt="Logo Anett Kalhyge"],.sqv2-aven-logo[alt="Logo Anett Kalhyge"],.sqv2-avjb-logo[alt="Logo Anett Kalhyge"]{max-height:44px !important;height:44px !important}
.sq-logo-scale img[alt="Logo CANAL+"],.section_avis .avis_tab-logo[alt="Logo CANAL+"],.sqv2-aven-logo[alt="Logo CANAL+"],.sqv2-avjb-logo[alt="Logo CANAL+"]{max-height:28px !important;height:28px !important}
.sq-logo-scale img[alt="Logo Family Plus"],.section_avis .avis_tab-logo[alt="Logo Family Plus"],.sqv2-aven-logo[alt="Logo Family Plus"],.sqv2-avjb-logo[alt="Logo Family Plus"]{max-height:44px !important;height:44px !important}
.sq-logo-scale img[alt="Logo Greta Nord Alsace"],.section_avis .avis_tab-logo[alt="Logo Greta Nord Alsace"],.sqv2-aven-logo[alt="Logo Greta Nord Alsace"],.sqv2-avjb-logo[alt="Logo Greta Nord Alsace"]{max-height:42px !important;height:42px !important}
.sq-logo-scale img[alt="Logo Harry Hope"],.section_avis .avis_tab-logo[alt="Logo Harry Hope"],.sqv2-aven-logo[alt="Logo Harry Hope"],.sqv2-avjb-logo[alt="Logo Harry Hope"]{max-height:35px !important;height:35px !important}
.sq-logo-scale img[alt="Logo Havas Group"],.section_avis .avis_tab-logo[alt="Logo Havas Group"],.sqv2-aven-logo[alt="Logo Havas Group"],.sqv2-avjb-logo[alt="Logo Havas Group"]{max-height:32px !important;height:32px !important}
.sq-logo-scale img[alt="Logo LCL"],.section_avis .avis_tab-logo[alt="Logo LCL"],.sqv2-aven-logo[alt="Logo LCL"],.sqv2-avjb-logo[alt="Logo LCL"]{max-height:44px !important;height:44px !important}
.sq-logo-scale img[alt="Logo LEA Partners"],.section_avis .avis_tab-logo[alt="Logo LEA Partners"],.sqv2-aven-logo[alt="Logo LEA Partners"],.sqv2-avjb-logo[alt="Logo LEA Partners"]{max-height:44px !important;height:44px !important}
.sq-logo-scale img[alt="Logo Lefebvre Dalloz"],.section_avis .avis_tab-logo[alt="Logo Lefebvre Dalloz"],.sqv2-aven-logo[alt="Logo Lefebvre Dalloz"],.sqv2-avjb-logo[alt="Logo Lefebvre Dalloz"]{max-height:19px !important;height:19px !important}
.sq-logo-scale img[alt="Logo Mon Spécialiste Auto"],.section_avis .avis_tab-logo[alt="Logo Mon Spécialiste Auto"],.sqv2-aven-logo[alt="Logo Mon Spécialiste Auto"],.sqv2-avjb-logo[alt="Logo Mon Spécialiste Auto"]{max-height:44px !important;height:44px !important}
.sq-logo-scale img[alt="Logo Université de Namur"],.section_avis .avis_tab-logo[alt="Logo Université de Namur"],.sqv2-aven-logo[alt="Logo Université de Namur"],.sqv2-avjb-logo[alt="Logo Université de Namur"]{max-height:39px !important;height:39px !important}
.sq-logo-scale img[alt="Logo SmartRecruiters"],.section_avis .avis_tab-logo[alt="Logo SmartRecruiters"],.sqv2-aven-logo[alt="Logo SmartRecruiters"],.sqv2-avjb-logo[alt="Logo SmartRecruiters"]{max-height:37px !important;height:37px !important}
.sq-logo-scale img[alt="Logo Stanley Field"],.section_avis .avis_tab-logo[alt="Logo Stanley Field"],.sqv2-aven-logo[alt="Logo Stanley Field"],.sqv2-avjb-logo[alt="Logo Stanley Field"]{max-height:40px !important;height:40px !important}
.sq-logo-scale img[alt="Logo TBWA Corporate"],.section_avis .avis_tab-logo[alt="Logo TBWA Corporate"],.sqv2-aven-logo[alt="Logo TBWA Corporate"],.sqv2-avjb-logo[alt="Logo TBWA Corporate"]{max-height:30px !important;height:30px !important}
.sq-logo-scale img[alt="Logo Télécom SudParis"],.section_avis .avis_tab-logo[alt="Logo Télécom SudParis"],.sqv2-aven-logo[alt="Logo Télécom SudParis"],.sqv2-avjb-logo[alt="Logo Télécom SudParis"]{max-height:44px !important;height:44px !important}
.sq-logo-scale img[alt="Logo Transport Besson"],.section_avis .avis_tab-logo[alt="Logo Transport Besson"],.sqv2-aven-logo[alt="Logo Transport Besson"],.sqv2-avjb-logo[alt="Logo Transport Besson"]{max-height:44px !important;height:44px !important}
.sq-logo-scale img[alt="Logo Trois Virgule Cinq"],.section_avis .avis_tab-logo[alt="Logo Trois Virgule Cinq"],.sqv2-aven-logo[alt="Logo Trois Virgule Cinq"],.sqv2-avjb-logo[alt="Logo Trois Virgule Cinq"]{max-height:44px !important;height:44px !important}
.sq-logo-scale img[alt="Logo Vestas"],.section_avis .avis_tab-logo[alt="Logo Vestas"],.sqv2-aven-logo[alt="Logo Vestas"],.sqv2-avjb-logo[alt="Logo Vestas"]{max-height:28px !important;height:28px !important}
/* ligne de signature : meme echelle, 62% */
.sqav-brand img[alt="Logo Académie de Reims"],.sqav-logo[alt="Logo Académie de Reims"]{max-height:27px !important;height:27px !important}
.sqav-brand img[alt="Logo Anett Kalhyge"],.sqav-logo[alt="Logo Anett Kalhyge"]{max-height:27px !important;height:27px !important}
.sqav-brand img[alt="Logo CANAL+"],.sqav-logo[alt="Logo CANAL+"]{max-height:17px !important;height:17px !important}
.sqav-brand img[alt="Logo Family Plus"],.sqav-logo[alt="Logo Family Plus"]{max-height:27px !important;height:27px !important}
.sqav-brand img[alt="Logo Greta Nord Alsace"],.sqav-logo[alt="Logo Greta Nord Alsace"]{max-height:26px !important;height:26px !important}
.sqav-brand img[alt="Logo Harry Hope"],.sqav-logo[alt="Logo Harry Hope"]{max-height:22px !important;height:22px !important}
.sqav-brand img[alt="Logo Havas Group"],.sqav-logo[alt="Logo Havas Group"]{max-height:20px !important;height:20px !important}
.sqav-brand img[alt="Logo LCL"],.sqav-logo[alt="Logo LCL"]{max-height:27px !important;height:27px !important}
.sqav-brand img[alt="Logo LEA Partners"],.sqav-logo[alt="Logo LEA Partners"]{max-height:27px !important;height:27px !important}
.sqav-brand img[alt="Logo Lefebvre Dalloz"],.sqav-logo[alt="Logo Lefebvre Dalloz"]{max-height:11px !important;height:11px !important}
.sqav-brand img[alt="Logo Mon Spécialiste Auto"],.sqav-logo[alt="Logo Mon Spécialiste Auto"]{max-height:27px !important;height:27px !important}
.sqav-brand img[alt="Logo Université de Namur"],.sqav-logo[alt="Logo Université de Namur"]{max-height:24px !important;height:24px !important}
.sqav-brand img[alt="Logo SmartRecruiters"],.sqav-logo[alt="Logo SmartRecruiters"]{max-height:23px !important;height:23px !important}
.sqav-brand img[alt="Logo Stanley Field"],.sqav-logo[alt="Logo Stanley Field"]{max-height:25px !important;height:25px !important}
.sqav-brand img[alt="Logo TBWA Corporate"],.sqav-logo[alt="Logo TBWA Corporate"]{max-height:19px !important;height:19px !important}
.sqav-brand img[alt="Logo Télécom SudParis"],.sqav-logo[alt="Logo Télécom SudParis"]{max-height:27px !important;height:27px !important}
.sqav-brand img[alt="Logo Transport Besson"],.sqav-logo[alt="Logo Transport Besson"]{max-height:27px !important;height:27px !important}
.sqav-brand img[alt="Logo Trois Virgule Cinq"],.sqav-logo[alt="Logo Trois Virgule Cinq"]{max-height:27px !important;height:27px !important}
.sqav-brand img[alt="Logo Vestas"],.sqav-logo[alt="Logo Vestas"]{max-height:17px !important;height:17px !important}

/* ============================================================
   J. FINITIONS v44
   ------------------------------------------------------------
   1. Les deux embeds maison codent leurs logos en dur dans le
      HTML de l'embed. Plutot que de reecrire du code custom
      (et son script i18n) on remplace l'image au rendu avec
      content:url(). Le src d'origine reste dans le DOM, l'alt
      aussi : rien ne se perd pour le referencement, et il n'y a
      aucun clignotement puisque rien ne se joue en JavaScript.
   2. L'alt du logo Anett dans l'embed Entreprise dit "Logo
      Groupe Anett Kalhyge" la ou tout le reste du site dit
      "Logo Anett Kalhyge" : l'echelle optique ne le trouvait
      pas. On le vise sur son alt reel et on neutralise le
      height:44px pose en style inline.
   3. Le panneau des embeds gardait un min-height de 300px alors
      que le contenu reel plafonne autour de 250.
   ------------------------------------------------------------ */
.sqv2-aven-logo[alt="Logo LCL"]{content:url(https://cdn.prod.website-files.com/66bc652f0d219ae248200bdc/6a8cc76e41842018eeb6b2bd_logo-lcl-mono.svg)}
.sqv2-aven-logo[alt="Logo Groupe Anett Kalhyge"]{content:url(https://cdn.prod.website-files.com/66bc652f0d219ae248200bdc/6a8cc7210758be32451bff42_logo-anett-kalhyge-mono.svg);
  height:44px !important;max-height:44px !important}
.sqv2-aven-logo[alt="Logo Mon Spécialiste Auto"]{content:url(https://cdn.prod.website-files.com/66bc652f0d219ae248200bdc/6a8cc76fdbd8ba809e2b6694_logo-mon-specialiste-auto-mono.svg)}
.sqv2-avjb-logo[alt="Logo SmartRecruiters"]{content:url(https://cdn.prod.website-files.com/66bc652f0d219ae248200bdc/6a8cc8abe949c1db993ff1d8_logo-smartrecruiters-mono.svg)}
.sqv2-avjb-logo[alt="Logo Harry Hope"]{content:url(https://cdn.prod.website-files.com/66bc652f0d219ae248200bdc/6a8cc7219031aae06764ea2f_logo-harry-hope-mono.svg)}
.sqv2-avjb-logo[alt="Logo Extracadabra"]{content:url(https://cdn.prod.website-files.com/66bc652f0d219ae248200bdc/6a8ccf34844651aa8886e1c2_logo-extracadabra-mono.svg);
  max-height:34px !important;height:34px !important}
.sqv2-aven-card,.sqv2-avjb-card{min-height:250px !important}