/* La feuille de l'accueil (tranche 15, maquette du 14/10/2026), chargee par core/blocs/_accueil_css.blade.php, seulement
   sur une page qui porte un bloc de l'accueil (banniere Modern, pastilles, cartes de services, bande d'encre, chiffres,
   defile des accreditations, temoignages). Une partie par section de la maquette, dans l'ordre de la page (1, 3, 4, 5, 6,
   7, 8, 10) ; la bande de confiance (2) a sa propre feuille, confiance.css, parce qu'elle peut aller sur toute page. */

/* 1. La banniere « Modern » de l'accueil (th_accueil, core/blocs/_accueil_banniere, tranche 15, 14/10/2026) : le titre du
   theme (46 px, 31 px au telephone), la recherche des bandes dans un cadre de 820 px, puis la petite carte du monde et sa
   ligne. Les marges sont celles de la maquette (30 px sous le titre, 40 px avant la carte, 76 px sous la ligne, 44 px au
   telephone) ; le haut garde la place de l'en-tete du site, pose sur la banniere. */
.banner.banner--accueil{padding-bottom:76px}
.banner__accueil{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:50px;color:#fff;text-align:center}
.banner.banner--accueil .banner__title{max-width:100%;margin:0 0 30px;text-wrap:balance}
.banner--accueil .banner__recherche{max-width:820px;margin-top:0}
.banner--accueil .banner__recherche .recherche-onglets{margin:0 auto}
/* La carte : un lien a elle (banner__carte), hors des regles du theme sur .banner-map (cachee sous 992 px, image de survol
   de 5 Mo) et sur les liens (a:hover opacite .9, a:focus orange). */
.banner__carte,.banner__carte:hover,.banner__carte:focus,.banner__carte:active{display:flex;flex-direction:column;align-items:center;gap:10px;margin:40px auto 0;color:#fff;text-decoration:none;opacity:1}
.banner__carte img{display:block;width:230px;max-width:100%;height:auto}
.banner__carte-texte{font-size:20px;font-weight:500;line-height:1.4;color:#fff;text-wrap:balance}
.banner__carte:hover .banner__carte-texte{text-decoration:underline;text-underline-offset:4px}
.banner__carte:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:6px}
.banner__carte:focus:not(:focus-visible){outline:0}
@media (max-width:751px){.banner.banner--accueil{padding-bottom:44px}.banner__accueil{padding-top:40px}}
/* Telephone, comme la maquette : le bouton reste a cote du champ (les bandes le passent dessous) et au bout de la zone de
   plusieurs noms (les bandes l'etirent), la loupe reste, le texte du champ a 16 px (sous 16 px, Safari agrandit la page au
   toucher) ; « Other scripts » reste au bout de la ligne de reglage. */
@media (max-width:767px){
  .banner--accueil .recherche-bande__champ:not(.recherche-bande__champ--liste){flex-wrap:nowrap;gap:8px}
  .banner--accueil .recherche-bande__loupe{display:block}
  .banner--accueil .recherche-bande__champ:not(.recherche-bande__champ--liste) input{flex:1 1 auto;height:54px;padding:0 4px;font-size:16px}
  .banner--accueil .recherche-bande__champ .recherche-bande__bouton{flex:none;height:50px;padding:0 16px}
  .banner--accueil .recherche-bande__champ--liste .recherche-bande__bouton{align-self:flex-end}
  .banner--accueil .recherche-onglets__ecritures{margin-inline-start:auto}
  .banner__carte-texte{font-size:16px}
}

/* 2. La bande de confiance (confiance/bande) : templates/domgate/assets/css/confiance.css, chargee par son bloc. */

/* 3. Les extensions populaires (th_promues « Chips by region », plan section 3, maquette option E du 14/10/2026,
   maquette.css:200-213) : les boutons de region en pilules, puis une grille de pastilles (drapeau dans un cadre 3:2,
   extension, prix), trois lignes de six sur un ordinateur, deux colonnes sur un telephone. Chaque drapeau du theme est
   dessine 46 x 32 a la meme place dans son carre de 48 : l'image de 36 x 36 remonte de 6 px dans un cadre de 36 x 24. */
/* De l'air (Quentin, 15/10/2026 : « it seems very squeezed in ») : la section respire plus que ses voisines (72 px), elle suit
   la fine bande de confiance ; titre, filtres, pastilles et bouton bien detaches. */
.section.accueil-pastilles{padding:88px 0;background:#fff}
.accueil-pastilles .accueil-pastilles__titre{margin:0 0 28px;text-align:center;text-wrap:balance}
.accueil-pastilles [hidden]{display:none!important}
.accueil-pastilles__regions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 40px}
.accueil-pastilles__region{height:38px;padding:0 16px;border:1px solid #D5D9E0;border-radius:999px;background:#fff;font:500 14px/1 Montserrat,sans-serif;color:#505459;cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}
.accueil-pastilles__region:hover{border-color:#1F222B;color:#1F222B}
.accueil-pastilles__region[aria-pressed="true"]{border-color:#1F222B;background:#1F222B;color:#fff}
.accueil-pastilles__region:focus-visible{outline:2px solid #FF8400;outline-offset:2px}
/* Le clic de souris ne laisse pas l'anneau du theme (button:focus) ; le clavier garde le sien. */
.accueil-pastilles__region:focus:not(:focus-visible),.accueil-pastilles__pastille:focus:not(:focus-visible),.accueil-pastilles__tout:focus:not(:focus-visible){outline:0}
.accueil-pastilles__liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px 16px;margin:0;padding:0;list-style:none}
.accueil-pastilles__liste>li{min-width:0;margin:0;padding:0}
.accueil-pastilles__pastille{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px 0 14px;background:#fff;border:1px solid #E9EBF0;border-radius:10px;color:#505459;text-decoration:none;transition:border-color .15s}
.accueil-pastilles__pastille:hover,.accueil-pastilles__pastille:focus-visible{border-color:#FF8400;color:#505459;text-decoration:none}
.accueil-pastilles__pastille:focus-visible{outline:2px solid #FF8400;outline-offset:2px}
.accueil-pastilles__drapeau{flex:none;display:block;width:36px;height:24px;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px rgba(31,34,43,.14)}
.accueil-pastilles__drapeau picture{display:block}
.accueil-pastilles__drapeau img{display:block;width:36px;height:36px;max-width:none;margin-top:-6px}
/* Un drapeau depose (aucun drapeau du theme pour ce pays) : dessine autrement, il couvre le cadre sans etre decoupe. */
.accueil-pastilles__drapeau--depose img{height:24px;margin-top:0;object-fit:cover}
.accueil-pastilles__drapeau svg{display:block;width:20px;height:20px;margin:2px auto 0;color:#FF8400}
.accueil-pastilles__tld{font-size:17px;font-weight:700;line-height:1.2;color:#1F222B;white-space:nowrap}
.accueil-pastilles__prix{margin-inline-start:auto;font-size:14px;line-height:1.2;color:#505459;font-variant-numeric:tabular-nums;white-space:nowrap}
/* Le prix porte dir="ltr" : sa marge de debut est a gauche, ce qui le collait a l'extension sous /ar. A droite, il va au bout
   de la pastille (a gauche), comme en anglais. */
.accueil-pastilles[dir="rtl"] .accueil-pastilles__prix{margin-left:0;margin-right:auto}
/* Le bouton « tout voir » de la region : #AD5900 sur #FFF6EC, 4,67:1 (AA ; le #B35C00 de la maquette n'y donnait que 4,42:1). */
.accueil-pastilles__tout{display:flex;align-items:center;justify-content:center;height:56px;padding:0 16px;background:#FFF6EC;border:1px solid #F3D3AE;border-radius:10px;font-size:15px;font-weight:500;line-height:1.2;color:#AD5900;text-align:center;text-decoration:none;transition:border-color .15s}
.accueil-pastilles__tout:hover,.accueil-pastilles__tout:focus-visible{border-color:#FF8400;color:#AD5900;text-decoration:none}
.accueil-pastilles__masque{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.accueil-pastilles .accueil-pastilles__actions{margin-top:48px}
/* Un ordinateur (1012 px et plus) : six colonnes, donc trois lignes de six (Q1). De 1012 a 1247 px, le conteneur du theme
   fait 972 px (924 px de liste) : la pastille se resserre a 147 px, « .co.il » et « €230.00 » y tiennent encore. */
@media (min-width:1012px){.accueil-pastilles__liste{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1012px) and (max-width:1247px){
  .accueil-pastilles__liste{gap:16px 8px}
  .accueil-pastilles__pastille{padding:0 10px;gap:7px}
  .accueil-pastilles__tld{font-size:15px}
  .accueil-pastilles__prix{font-size:13px}
}
@media (max-width:760px){
  .accueil-pastilles__region{height:36px;padding:0 13px}
  .accueil-pastilles__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
  .accueil-pastilles__pastille{height:50px;padding:0 10px;gap:8px}
  .accueil-pastilles__tld{font-size:16px}
  .accueil-pastilles__prix{font-size:13.5px}
  .accueil-pastilles__tout{height:50px}
  .accueil-pastilles__liste>li[data-region-tout]{grid-column:1/-1}
}
@media (max-width:751px){.section.accueil-pastilles{padding:60px 0}.accueil-pastilles .accueil-pastilles__titre{margin-bottom:20px}.accueil-pastilles__regions{gap:8px;margin-bottom:28px}.accueil-pastilles .accueil-pastilles__actions{margin-top:36px}}
/* Les petits telephones (375 et 360 px) : la pastille la plus large (« .co.il », « €230.00 ») tient dans sa colonne (le
   bouton passe a la ligne : voir la fin de la feuille). Sous 350 px, une seule colonne. */
@media (max-width:389px){
  .accueil-pastilles__pastille{padding:0 8px;gap:6px}
  .accueil-pastilles__tld{font-size:15px}
  .accueil-pastilles__prix{font-size:13px}
}
@media (max-width:349px){.accueil-pastilles__liste{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.accueil-pastilles__region,.accueil-pastilles__pastille,.accueil-pastilles__tout{transition:none}}

/* 4. Les cartes de services (th_element « Service cards », core/blocs/_th_element_cartes, 14/10/2026) :
   trois cartes par ligne, deux de 752 a 1011 px, une a 751 px et moins (les bornes de la bande d'encre et des chiffres :
   les trois sections changent de colonnes ensemble). Chaque carte est le lien vers sa page : l'icone du menu dans
   une tuile orange pale, le titre, le texte (toujours ouvert sur telephone, aligne au debut : un texte de carte n'est pas
   justifie), puis « Learn more », le lien de carte du theme (.btn--link.btn--primary), jamais souligne. */
/* Sur un ordinateur, 72 px en haut et en bas comme la maquette (.sec) ; le theme met 90 px a .section des 1012 px, et deja
   72 puis 48 px en dessous. Meme regle pour la bande d'encre (5), les chiffres (6) et les temoignages (10). */
@media (min-width:1012px){.section.accueil-services,.section.accueil-encre,.section.accueil-adn,.section.accueil-temoignages{padding-top:72px;padding-bottom:72px}}
.section.accueil-services .section__title{margin-bottom:0}
.accueil-services__sous-titre{max-width:70ch;margin:14px auto 0;font-size:18px;line-height:1.6}
.accueil-services__grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:34px 0 0;padding:0;list-style:none}
.accueil-services__grille>li{display:flex;min-width:0;margin:0;padding:0}
.accueil-services__carte{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:26px;background:#fff;border:1px solid #E9EBF0;border-radius:14px;box-shadow:0 12px 28px -24px rgba(31,34,43,.5);color:#505459;text-align:start;text-decoration:none;transition:transform .15s,border-color .15s}
.accueil-services__carte:hover,.accueil-services__carte:focus-visible{transform:translateY(-2px);border-color:#F3D3AE;color:#505459;text-decoration:none}
.accueil-services__carte:focus-visible{outline:2px solid #FF8400;outline-offset:2px}
.accueil-services__icone{display:grid;place-content:center;flex:none;width:48px;height:48px;border-radius:12px;background:#FFF4E6;color:#B35C00;line-height:0}
.accueil-services__icone .icone{display:block;width:24px;height:24px}
.accueil-services__titre{margin:0;color:#1F222B;font-size:19px;line-height:1.3;font-weight:700;text-align:start}
.accueil-services__texte{margin:0;font-size:15px;line-height:1.55;text-align:start}
.accueil-services .accueil-services__plus{height:auto;min-height:0;margin-top:auto;padding:6px 0 0;border:0;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none;white-space:normal}
.accueil-services__carte:hover .accueil-services__plus,.accueil-services__carte:focus-visible .accueil-services__plus{color:#E67600;text-decoration:none}
.accueil-services .section__actions{margin-top:40px}
@media (max-width:1011px){.accueil-services__grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:751px){.accueil-services__grille{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px}.accueil-services__carte{padding:22px}.accueil-services__titre{font-size:18px}}
@media (prefers-reduced-motion:reduce){.accueil-services__carte{transition:none}.accueil-services__carte:hover,.accueil-services__carte:focus-visible{transform:none}}

/* 5. La bande d'encre « How we add value » (th_element « Ink band with tiles », core/blocs/_th_element_encre, demande de
   Quentin du 14/10/2026 : alignee sur les cartes de la page). La seule section d'encre de l'accueil (#1F222B, celle du
   theme, .section--dark) : le titre centre, le sous-titre clair (#C9CED8, environ 11:1), puis une tuile par entree de la
   liste (HompageFeatures), comme les tuiles chiffrees de la section 6 (rayon 14 px) : un fond a peine plus clair, un filet
   blanc a 10 %, l'illustration de l'entree dans un carre orange translucide de 48 px (montree a 36 px : ses traits de 2
   unites sur 80 y font environ 0,9 px, comme les icones des services juste au-dessus), le texte blanc (environ 14:1 sur la
   tuile), aligne au debut (un texte de carte n'est pas justifie). Les tuiles ne sont pas des liens : aucun survol. Trois par
   ligne sur un ordinateur, deux sur une tablette (752 a 1011 px), une sur un telephone, l'image alors au debut de la ligne
   (la tuile reste basse) ; sous 390 px, l'image repasse au-dessus du texte, comme les cartes de services, pour que le texte
   garde sa largeur. Une ligne de tuiles a une seule hauteur (grille). Sous /ar, dir="rtl" sur la section. */
.section.accueil-encre .section__title{margin-bottom:0}
.accueil-encre .accueil-encre__sous-titre{max-width:70ch;margin:14px auto 0;font-size:18px;font-weight:400;line-height:1.6;color:#C9CED8}
.accueil-encre__grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:34px 0 0;padding:0;list-style:none}
.accueil-encre__grille:first-child{margin-top:0}
.accueil-encre__tuile{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;margin:0;padding:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:14px}
.accueil-encre__icone{display:grid;place-content:center;flex:none;width:48px;height:48px;border-radius:12px;background:rgba(255,132,0,.14);line-height:0}
.accueil-encre__icone img{display:block;width:36px;height:36px;max-width:none;object-fit:contain}
.accueil-encre .accueil-encre__texte{margin:0;color:#fff;font-size:16px;font-weight:500;line-height:1.5;text-align:start;overflow-wrap:break-word}
.accueil-encre .accueil-encre__apres{max-width:70ch;margin:28px auto 0;font-size:16px;line-height:1.6;color:#C9CED8;text-align:center}
.accueil-encre .section__actions{margin-top:40px}
@media (max-width:1011px){.accueil-encre__grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:751px){
  .accueil-encre__grille{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:28px}
  .accueil-encre__tuile{flex-direction:row;align-items:center;padding:20px}
  .accueil-encre .accueil-encre__sous-titre{font-size:16px}
  .accueil-encre .section__actions{margin-top:32px}
}
/* Les petits telephones (320 et 360 px) : a cote du carre, le texte n'avait que 166 a 206 px (sept lignes en russe). */
@media (max-width:389px){.accueil-encre__tuile{flex-direction:column;align-items:flex-start}}
/* L'ancienne bande (« Dark background ») qui porterait encore la classe accueil-encre (le lot la pose ; un retour a cette
   variante depuis l'administration la garde) : le sous-titre clair, et sous /ar le sens de droite a gauche, que l'ancien
   gabarit ne pose pas ; au telephone, le theme colle le texte a gauche et sa marge a gauche de l'icone. Sans effet sur les
   tuiles. */
.section--dark.accueil-encre .section__subtitle{color:#C9CED8}
.accueil-encre:lang(ar){direction:rtl}
@media (max-width:751px){
  .accueil-encre:lang(ar) .mob-feature--icon-left .feature__icon + .feature__body{margin-left:0;margin-right:16px}
  .accueil-encre:lang(ar) .mob-feature--icon-left .feature__body{text-align:right}
}

/* 6. ccTLDs are our DNA (th_image_texte « Figures », plan section 6, 14/10/2026) : le texte et son bouton a gauche, quatre
   tuiles chiffrees a droite a la place de la photo (maquette.css:86-94). La premiere tuile, les extensions, est en encre. */
.accueil-adn__grille{display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);gap:48px;align-items:center}
.accueil-adn__grille--seule{grid-template-columns:minmax(0, 1fr)}
.accueil-adn .section__title{text-align:start}
/* Texte courant justifie (Quentin, 12/10/2026), a 16 px et de graisse normale comme la maquette, a toute largeur : la classe
   p-2 du theme le met a 18 px et 300 sur un ordinateur, 19 px et 500 au telephone. */
.accueil-adn__para{margin:0 0 16px;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.accueil-adn .accueil-adn__para{font-size:16px;font-weight:400;line-height:1.55}
.accueil-adn__para:last-of-type{margin-bottom:0}
.accueil-adn .accueil-adn__actions{margin-top:32px}
.accueil-adn__tuiles{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;margin:0;padding:0;list-style:none}
.accueil-adn__tuile{display:flex;flex-direction:column;gap:8px;margin:0;padding:24px;border:1px solid #E9EBF0;border-radius:14px;background:#F5F6F9}
/* La valeur reste de gauche a droite (dir="ltr") ; flex-start suit le sens de la tuile : a droite en arabe, comme le libelle. */
.accueil-adn__valeur{align-self:flex-start;font-size:40px;font-weight:700;line-height:1;color:#1F222B;white-space:nowrap}
.accueil-adn__libelle{font-size:14px;line-height:1.5;color:#505459;text-wrap:pretty}
/* Le japonais se coupe par groupes de mots (« 1つの » reste entier) la ou le navigateur le sait ; ailleurs, coupe ordinaire. */
.accueil-adn__libelle:lang(ja){word-break:auto-phrase}
.accueil-adn__tuile--extensions{border-color:#1F222B;background:#1F222B}
.accueil-adn__tuile--extensions .accueil-adn__valeur{color:#FF8400}
.accueil-adn__tuile--extensions .accueil-adn__libelle{color:#C9CED8}
/* Tablette et telephone : une colonne, les tuiles sous le bouton. */
@media (max-width:1011px){
  .accueil-adn__grille{grid-template-columns:minmax(0, 1fr);gap:32px}
}
@media (max-width:751px){
  .accueil-adn__tuile{padding:20px}
  .accueil-adn__valeur{font-size:32px}
}

/* 7. Les pays par region (accueil_regions, garde, regles dans blocs.css) : sur une colonne (575 px et moins), le nom le plus
   long (les Emirats arabes unis en allemand et en russe) elargissait la carte et la page ; sans min-width:0, ni la carte
   (element de grille) ni le nom (element flex) ne retrecissent, et les points de suspension ne s'appliquent pas. */
.accueil-region,.accueil-region__pays{min-width:0}

/* 8. Les accreditations (th_element « Logo strip », plan section 8, 14/10/2026, maquette.css:96-104) : une bande claire de
   petits logos gris qui glisse lentement (60 s pour une serie), en couleur sous la souris et au focus. Elle s'arrete sous la
   souris et des que le clavier entre dans le cadre ; un logo qui prend le focus ramene la bande au debut, pour qu'il soit
   visible (decale par l'animation, il pourrait etre hors du cadre). Sans animation (prefers-reduced-motion) : immobile, en
   rangees centrees, la seconde serie (la boucle) cachee. Chaque logo garde sa marge de fin plutot qu'un gap : la piste fait
   alors exactement deux series, et la boucle (-50 %) ne saute pas. Sous /ar, la bande glisse dans l'autre sens. */
.section.accueil-defile{padding:56px 0}
.accueil-defile .accueil-defile__titre{margin-bottom:12px;text-align:center}
.accueil-defile__sous-titre{max-width:70ch;margin:0 auto 34px;font-size:18px;line-height:1.6;text-align:center;color:var(--bl-texte,#505459)}
.accueil-defile__cadre{max-width:1000px;margin:0 auto;border-radius:6px}
.accueil-defile__cadre:focus-visible{outline:2px solid var(--bl-orange-texte,#B35C00);outline-offset:4px}
.accueil-defile__fenetre{overflow:hidden;scroll-padding-inline:72px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.accueil-defile__piste{display:flex;width:max-content;padding-block:4px;animation:accueil-defile 60s linear infinite}
.accueil-defile__serie{display:flex;flex:none;margin:0;padding:0;list-style:none}
.accueil-defile__serie>li{flex:none;margin:0;margin-inline-end:34px;padding:0}
.accueil-defile__logo{display:grid;place-items:center;width:64px;height:64px;border-radius:4px}
.accueil-defile__logo picture{display:contents}
.accueil-defile__logo img{display:block;width:auto;height:auto;max-width:64px;max-height:64px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .2s,opacity .2s}
a.accueil-defile__logo:hover img,a.accueil-defile__logo:focus-visible img{filter:none;opacity:1}
a.accueil-defile__logo:focus-visible{outline:2px solid var(--bl-orange-texte,#B35C00);outline-offset:2px}
.accueil-defile__cadre:hover .accueil-defile__piste,.accueil-defile__cadre:focus-within .accueil-defile__piste{animation-play-state:paused}
/* Un logo pris au clavier : la bande revient au debut, sans fondu, et la fenetre defile jusqu'a lui (loin des bords) ; le
   script du partiel la ramene au debut quand le focus quitte le cadre. */
.accueil-defile__cadre:has(a:focus-visible) .accueil-defile__piste{animation:none}
.accueil-defile__cadre:has(a:focus-visible) .accueil-defile__fenetre{-webkit-mask-image:none;mask-image:none}
@keyframes accueil-defile{to{transform:translateX(-50%)}}
@keyframes accueil-defile-rtl{to{transform:translateX(50%)}}
[dir="rtl"] .accueil-defile__piste{animation-name:accueil-defile-rtl}
.accueil-defile .accueil-defile__actions{margin-top:30px}
@media (max-width:751px){.section.accueil-defile{padding:48px 0}.accueil-defile .accueil-defile__titre{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.accueil-defile__sous-titre{font-size:16px;margin-bottom:28px}}
@media (prefers-reduced-motion:reduce){
  .accueil-defile__fenetre{overflow:visible;-webkit-mask-image:none;mask-image:none}
  .accueil-defile .accueil-defile__piste{width:auto;animation:none}
  .accueil-defile__serie{flex:1 1 auto;flex-wrap:wrap;justify-content:center;gap:20px 34px}
  .accueil-defile__serie>li{margin:0}
  .accueil-defile__serie[aria-hidden="true"]{display:none}
  .accueil-defile__logo img{transition:none}
}
@media (prefers-reduced-motion:reduce) and (max-width:751px){.accueil-defile__serie{gap:16px 22px}}

/* 10. Les temoignages (th_element « Three testimonials », core/blocs/_th_element_temoignages, 14/10/2026) :
   trois cartes cote a cote sur le gris de la page, deux sous 1000 px, une sous 768 px. La citation est justifiee (regle du
   site pour le texte courant), le guillemet orange au debut de la ligne (a droite sous /ar), le logo ou l'avatar rond, le
   nom et le site en bas de la carte. */
.accueil-temoignages.section--gray{background-color:#F5F6F9}
.section.accueil-temoignages .section__title{margin-bottom:0}
.accueil-temoignages__grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0 0;padding:0;list-style:none}
.accueil-temoignages__grille>li{display:flex;min-width:0;margin:0;padding:0}
.accueil-temoignages__carte{display:flex;flex-direction:column;gap:18px;width:100%;margin:0;padding:26px;background:#fff;border:1px solid #E9EBF0;border-radius:14px}
.accueil-temoignages__citation{position:relative;margin:0;padding:34px 0 0;border:0;color:#505459;font-size:15px;line-height:1.6}
.accueil-temoignages__citation::before{content:"\201C";position:absolute;top:-6px;inset-inline-start:-2px;color:#FF8400;font:700 56px/1 Georgia,"Times New Roman",serif}
.accueil-temoignages__citation p{margin:0;font-size:inherit;line-height:inherit;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.accueil-temoignages__citation p+p{margin-top:10px}
.accueil-temoignages__auteur{display:flex;align-items:center;gap:12px;margin-top:auto}
.accueil-temoignages__auteur img{flex:none;display:block;width:48px;height:48px;border:1px solid #E9EBF0;border-radius:50%;background:#fff;object-fit:contain}
.accueil-temoignages__nom{display:block;color:#1F222B;font-size:15px;font-weight:700;line-height:1.4}
.accueil-temoignages__site{display:block;color:#6B7280;font-size:13px;line-height:1.4}
.accueil-temoignages .section__actions{margin-top:30px}
@media (max-width:1000px){.accueil-temoignages__grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.accueil-temoignages__grille{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px}.accueil-temoignages__carte{padding:22px}}

/* Les boutons de l'accueil au telephone (pastilles, bande d'encre, chiffres, accreditations, temoignages) : pleine largeur
   (btn--mob-block), ils passent a la ligne plutot que deborder, de la page ou de leur cadre (« Maggiori informazioni sulla
   nostra azienda » des 390 px, « Unsere Akkreditierungen ansehen » a 360 px, le russe et l'allemand des pastilles) ; un
   texte court reste sur une ligne, a la hauteur du theme (54 px). */
@media (max-width:751px){
  .accueil-pastilles__actions .btn,.accueil-encre .section__actions .btn,.accueil-adn__actions .btn,.accueil-defile__actions .btn,.accueil-temoignages .section__actions .btn{height:auto;min-height:54px;padding:12px 20px;white-space:normal;line-height:1.3}
}