html, body {background-color:#efefef;}

/* Pour les navigateurs qui ne supportent pas le selecteur :lang()
(Comme Opera pour les pages XHTML) */
*[lang="de"] {quotes: '„' '“' '‚' '‘'}
*[lang="en"] {quotes:"\201C" "\201D" "\2018" "\2019";}
*[lang="fr"] {quotes:"\AB\A0" "\A0\BB" "\201C\A0" "\A0\201D";}

/* Pour les navigateurs qui supportent le selecteur :lang() */
*:lang(de) {quotes: '„' '“' '‚' '‘'}
*:lang(en) {quotes:"\201C" "\201D" "\2018" "\2019";}
*:lang(fr) {quotes:"\AB\A0" "\A0\BB" "\201C\A0" "\A0\201D";}

/* Couleurs */
*:lang(fr) {color:#06c;}
*:lang(en) {color:#6a0;}
*:lang(de) {color:#c03;}

/* Formatage commun */
a[hreflang]:after {color:#333;font-style:italic;}

/* Contenu par défaut pour les langues non prévues :
utiliser la valeur de l'attribut hreflang */
a[hreflang]:after {content:"\A0("attr(hreflang)")";}

/* Ensuite, règles minimum pour les navigateurs qui ne supportent pas le selecteur :lang()
(Comme Opera pour les pages XHTML) */
a[hreflang='de']:after {content:"\A0(en allemand)";}
a[hreflang='en']:after {content:"\A0(en anglais)";}
a[hreflang='es']:after {content:"\A0(en espagnol)";}
a[hreflang='fr']:after {content:"\A0(en français)";}
a[hreflang='pt-br']:after {content:"\A0(en portugais brésilien)";}

/* Contenu spécifique à différentes langues */
*:lang(de) > a[hreflang='de']:after {content:"";}
*:lang(de) > a[hreflang='en']:after {content:"\A0(auf english)";}
*:lang(de) > a[hreflang='fr']:after {content:"\A0(auf französisch)";}

*:lang(en) > a[hreflang='de']:after {content:"\A0(in German)";}
*:lang(en) > a[hreflang='en']:after {content:"";}
*:lang(en) > a[hreflang='fr']:after {content:"\A0(in French)";}

*:lang(fr) > a[hreflang='de']:after {content:"\A0(en allemand)";}
*:lang(fr) > a[hreflang='en']:after {content:"\A0(en anglais)";}
*:lang(fr) > a[hreflang='fr']:after {content:"";}