/* =====================================================================
     Version arabe : écriture de droite à gauche
     Fusion des deux blocs des croquis arabes (accueil et pages intérieures),
     plus les ajouts du site. Chargé après site.css, avant pages.css.
     ===================================================================== */
  [dir=rtl]{--serif:Amiri,"Noto Naskh Arabic",serif;--sans:"IBM Plex Sans Arabic",Tahoma,sans-serif}
  [dir=rtl] body{line-height:1.85}
  [dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .btn{letter-spacing:0}
  [dir=rtl] h1{line-height:1.3}
  [dir=rtl] h2{line-height:1.35}
  [dir=rtl] h3{line-height:1.45}
  [dir=rtl] .hero h1{font-size:64px}
  [dir=rtl] .hero-offre h1{font-size:58px}
  [dir=rtl] .hero-apropos h1{font-size:62px}
  [dir=rtl] .brand b,[dir=rtl] .noms span{font-family:"Cormorant Garamond",Georgia,serif}
  [dir=rtl] .lang,[dir=rtl] .menu-mobile-langues{direction:ltr}
  [dir=rtl] .menu-mobile-langues{justify-content:flex-end}

  /* accueil */
  [dir=rtl] .fact{padding:36px 0 40px 28px}
  [dir=rtl] .fact + .fact{padding-left:28px;padding-right:28px;border-left:0;border-right:1px solid #23415B}
  [dir=rtl] .noms span{padding:10px 0 10px 26px;margin-right:0;margin-left:26px;border-right:0;border-left:1px solid var(--filet)}
  [dir=rtl] .noms span:last-child{border-left:0}

  /* pages intérieures */
  [dir=rtl] .format{padding:30px 0 10px 28px}
  [dir=rtl] .format + .format{padding-left:28px;padding-right:28px;border-left:0;border-right:1px solid var(--filet)}
  [dir=rtl] .domaine-tete .pour{border-left:0;padding-left:0;border-right:1px solid var(--porte);padding-right:20px}
  [dir=rtl] .citation{padding-left:0;border-left:0;padding-right:24px;border-right:1px solid #3A5A76}

  /* ajouts du site : les illustrations et captures d'écran restent en français, de gauche à droite
     (la capture Tinfas garde donc son cadrage à gauche, comme en français) */
  [dir=rtl] .ill,[dir=rtl] .ill-canvas{direction:ltr}
  /* l'arabe ne s'espace pas et n'a pas de majuscules */
  [dir=rtl] .eyebrow,[dir=rtl] .fictif,[dir=rtl] .panneau-ge span,[dir=rtl] .burger{letter-spacing:0;text-transform:none}
  [dir=rtl] .eyebrow{font-size:14px}
  [dir=rtl] .fictif{font-size:12px}
  [dir=rtl] .burger{font-size:15px}
  [dir=rtl] .panneau-ge span{font-size:14px}

  @media (max-width:900px){
    [dir=rtl] .hero h1{font-size:40px}
    [dir=rtl] .hero-offre h1,[dir=rtl] .hero-apropos h1{font-size:38px}
    [dir=rtl] .fact,[dir=rtl] .fact + .fact{padding:26px 0;border-right:0}
    [dir=rtl] .format,[dir=rtl] .format + .format{padding:24px 0;border-right:0}
  }