/* $Id: inuktitut.css,v 1.8 2011-12-14 20:25:36 patrick Exp $ */
p{
	text-align:left;
}
body, pre {
	font-family: AiPaiNunavik,AiPaiNuna, monospace !important;
}
.latin .tahoma,
.tahoma .latin,
.tahoma.latin {
	font-family: Tahoma, Geneva, sans-serif !important;
}
.latin .arial,
.arial .latin,
.arial.latin {
	font-family: Arial, Helvetica, sans-serif !important;
}
.latin .verdana,
.verdana .latin,
.verdana.latin {
	font-family: Verdana, Geneva, sans-serif !important;
}
.latin .georgia,
.georgia .latin,
.georgia.latin {
	font-family: Georgia, serif !important;
}
ul#menu-principal li li a {
	font-family: AiPaiNunavik,AiPaiNuna, monospace !important;
}

/*

Convention:
Si (l'inverse aussi) un bloc latin est défini dans
une page inuktitut, il n'y aura pas de bloc inuktitut imbriqué
dans le bloc latin. En tout cas les CSS présument ceci pour l'instant.

Comment gérer les polices?

Lire ceci avant pour bien comprendre:
http://www.w3.org/TR/CSS21/cascade.html#important-rules
http://www.w3.org/TR/CSS21/selector.html#class-html
http://www.w3.org/TR/CSS21/cascade.html#specificity

En latin, c'est facile. Comme le site a quatre polices différentes,
on utilise des classes pour font-family et le body n'a aucune police
par défaut définie. Comme ça, si on oublie d'utiliser les classes de
polices, y'a le Times New Roman du fureteur qui nous saute au visage
pour nous montrer notre oubli. Dans latin.css, l'Inuktitut a une classe
à son nom avec une déclaration font-family !important de valeur AiPaiNunavik
et qui écrase toute autre déclaration font-family normale, avant et après
dans la cascade.

En Inuktitut, c'est plus complexe. Le body est en AiPaiNunavik et la
déclaration est !important. Si une classe .latin se présente, il faut non
seulement revenir au latin, mais avec la bonne police! C'est-à-dire:
Tahoma, Arial, Verdana ou Georgia. Il faut pour ceci 3 sélecteurs pour
chaque police, et leur déclaration font-family doit être !important
pour écraser celle du body qui est déjà !important à AiPaiNunavik.
3 cas possibles, 3 sélecteurs pour 4 polices (Tahoma, Arial, Verdana ou Georgia);
exemple pour les 3 sélecteurs avec Tahoma:

1. <div class="latin"><span class="tahoma">	=> .latin .tahoma
2. <div class="tahoma"><span class="latin">	=> .tahoma .latin
3. <span class="tahoma latin">			=> .tahoma.latin


*/