/* ============================================================ Pages en langues étrangères (russe, chinois, japonais) et article « The Wine News Magazine ». Complète site.css ; toutes les règles sont préfixées par une classe de pour ne jamais toucher aux autres pages. ============================================================ */ /* ---------- Commun aux trois pages de langue ---------- */ body.langue-ru .retour, body.langue-zh .retour, body.langue-ja .retour, body.magazine .retour { margin: 0 0 8px; padding-bottom: 6px; border-bottom: 1px solid #C9B98A; font-size: 15px; line-height: 1.4; } body.langue-ru .retour a, body.langue-zh .retour a, body.langue-ja .retour a, body.magazine .retour a { font-weight: bold; } body.langue-ru .contenu, body.langue-zh .contenu, body.langue-ja .contenu { margin: 0 12px 0 32px; overflow-wrap: break-word; } body.langue-ru .contenu h2, body.langue-zh .contenu h2, body.langue-ja .contenu h2 { clear: none; margin: 1.6em 0 .6em; font-size: 1.05em; font-weight: bold; color: #000; } body.langue-ru .contenu h2:first-child, body.langue-zh .contenu h2:first-child, body.langue-ja .contenu h2:first-child { margin-top: 0; } /* Photos flottantes : la largeur suit l'image, sans dépasser la moitié du texte */ body.langue-ru .photo, body.langue-zh .photo, body.langue-ja .photo { float: right; width: auto; max-width: 50%; margin: 4px 0 14px 20px; } body.langue-ru .photo.gauche, body.langue-zh .photo.gauche, body.langue-ja .photo.gauche { float: left; width: auto; margin: 4px 20px 10px 0; } body.langue-ru .photo img + img, body.langue-zh .photo img + img { margin-top: 12px; } body.langue-ru .photo.duo, body.langue-zh .photo.duo { display: flex; align-items: flex-start; gap: 10px; } body.langue-ru .photo.duo img + img, body.langue-zh .photo.duo img + img { margin-top: 0; } body.langue-ru .photo.pile { display: flex; flex-direction: column; align-items: flex-end; } /* Rangées d'images (vendanges, carte, etc.) */ body.langue-ru .galerie, body.langue-zh .galerie { clear: both; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; margin: 0 0 1.2em; } body.langue-ru .galerie figure, body.langue-zh .galerie figure { margin: 0; max-width: 100%; } body.langue-ru .galerie img, body.langue-zh .galerie img { display: block; } body.langue-ru .galerie figcaption, body.langue-zh .galerie figcaption { margin-top: 6px; text-align: center; font-size: 15px; line-height: 1.35; } body.langue-ru .pied, body.langue-zh .pied, body.langue-ja .pied { clear: both; } /* ---------- Russe ---------- */ body.langue-ru { font-family: Georgia, "Times New Roman", Times, serif; } /* ---------- Chinois ---------- */ body.langue-zh { font-family: Georgia, "Times New Roman", "Songti SC", "SimSun", "Noto Serif SC", "Microsoft YaHei", serif; } body.langue-zh .titre-page { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; line-height: 0; } body.langue-zh .titre-page img { display: block; } body.langue-zh .lettrine { font-size: 2em; line-height: 1; } /* ---------- Japonais ---------- */ body.langue-ja { font-family: Georgia, "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", "MS PMincho", serif; } /* Texte asiatique : coupure possible partout où c'est nécessaire */ body.langue-zh .contenu, body.langue-ja .contenu { line-break: auto; word-break: normal; overflow-wrap: anywhere; } /* ---------- Magazine (The Wine News) ---------- */ body.magazine .mag-page { max-width: 780px; padding: 10px 16px 28px; } body.magazine .mag-entete { background: #663366; line-height: 0; margin: 0; } body.magazine .mag-entete img { display: block; } body.magazine .mag-article { overflow-wrap: break-word; } body.magazine .mag-titre { display: flow-root; margin: 0 0 1em; } body.magazine .mag-photo { float: left; width: 180px; max-width: 40%; margin: 0 20px 12px 0; text-align: center; } body.magazine .mag-photo img { display: block; } body.magazine .mag-photo figcaption { font-size: 13px; line-height: 1.3; margin-top: 4px; } body.magazine .mag-rubrique { margin: 0 0 18px; line-height: 0; background: #999933; max-width: 500px; } body.magazine .mag-rubrique img { display: block; } body.magazine h1 { margin: 0 0 .4em; color: #663366; font-size: 1.6em; line-height: 1.25; font-weight: normal; } body.magazine .mag-auteur { color: #663366; margin: 0; } body.magazine .mag-article h2 { font-size: 1.1em; margin: 1.6em 0 .6em; } body.magazine .mag-article p { margin: 0 0 1em; } body.magazine .mag-article a { color: #333300; } /* ---------- Téléphone ---------- */ @media (max-width: 600px) { body.langue-ru .contenu, body.langue-zh .contenu, body.langue-ja .contenu { margin: 0; } body.langue-ru .photo, body.langue-zh .photo, body.langue-ja .photo, body.langue-ru .photo.gauche, body.langue-zh .photo.gauche, body.langue-ja .photo.gauche { float: none; max-width: 100%; margin: 0 0 18px; text-align: center; } body.langue-ru .photo.duo, body.langue-zh .photo.duo { justify-content: center; } body.langue-ru .photo.duo img, body.langue-zh .photo.duo img { min-width: 0; flex: 0 1 auto; } body.langue-ru .photo.pile { align-items: center; } body.langue-ru .galerie, body.langue-zh .galerie { justify-content: center; } body.langue-zh .titre-page { justify-content: center; } body.magazine .mag-photo { float: none; max-width: 100%; margin: 0 auto 16px; } body.magazine h1 { font-size: 1.35em; } }