html {
	font-size: 100%;
}
body {
	margin: 0;
	padding: 10px 20px; /* Note -> 2 */
	font-size: .8em; /* -> 4 */
	color: black;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
font-family:tempus sans itc;
	margin: 0em 0em 0; /* -> 6 */
}
h1, h2 {
	text-align:center;
	font-weight: normal; /* -> 7 */
}
h1 {
	font-size: 3em; /* -> 8 */
	font-style: italic;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: none;
}
li {
	font-family:French Script MT;
	font-size:170%;
	margin: 0;
	padding: 0em;
	text-align:right;
}

/* Paragraphes */
p {
font-family:French Script MT;
font-size:220%;
font-weight: normal;
color:black;
background-color:transparent;
text-align:left;
margin: 0.5em;
padding: 0.25em;
}

p.blanc {
font-family:French Script MT;
font-size:200%;
font-weight: normal;
color:white;
background-color:transparent;
text-align:left;
margin: 0.5em;
padding: 0.25em;
}


li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

/* Liens */
a:link {
font-family:French Script MT;
font-size:100%;
font-weight: normal;
color:#021748;
background-color:transparent;
text-decoration:none;
}
a:visited {
font-family:French Script MT;
font-size:100%;
font-weight: normal;
color: #042269;
background-color:transparent;
text-decoration:none;
}
a:hover {
font-family:French Script MT;
font-size:100%;
font-weight: normal;
color: #B4505D;
background-color:transparent;
text-decoration:none;
}
a img {
	border: none; /* -> 10 */
}

/*lien blanc*/
a.blanc:link {
font-family:French Script MT;
font-size:100%;
font-weight: normal;
color:#ffffff;
background-color:transparent;
text-decoration:none;
}
a.blanc:active{
font-family:French Script MT;
font-size:100%;
font-weight: normal;
color:#ffffff;
background-color:transparent;
text-decoration:none;
}
a.blanc:visited {
font-family:French Script MT;
font-size:100%;
font-weight: normal;
color: #ffffff;
background-color:transparent;
text-decoration:none;
}
a.blanc:hover {
font-family:French Script MT;
font-size:100%;
font-weight: normal;
color: #F4AE5F;
background-color:transparent;
text-decoration:none;
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}


/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: center;
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}


/* --- NOTES ---

2.	Par défaut, les navigateurs ont un padding (ou, pour certains, un
	margin) de 6px pour l'élément BODY. C'est ce qui évite que le texte
	ne soit complètement collé aux bords de la zone de visualisation du
	navigateur lorsqu'on affiche une page «brute», sans mise en forme.
	Mais ce retrait de 6px est un peu faiblard: on le renforce donc.
	Notez bien que les feuilles de styles des gabarits pourront augmenter
	ce retrait, ou bien l'annuler.
	
		
4.	Taille du texte de base de la page. Dépend de la taille du texte par
	défaut du navigateur (souvent 16px), et des réglages de l'utilisateur.
	À adapter en fonction de la fonte choisie, et du rendu souhaité.
	En général, on utilisera une valeur de base entre .65em et 1em
	(ou 65% et 100%).


6.	En général, les styles par défaut des navigateurs font que les marges
	en haut et en bas des titres sont équivalentes. Ici, en diminuant la
	marge du bas, on cherche à rapprocher le titre du contenu qu'il introduit.

7.	Les styles par défaut des navigateurs mettent les titres en gras.
	Si on souhaite passer à des caractères «normaux», on doit utiliser
	font-size: normal.

8.	Pour un élément en "font-size: 3em", la taille du texte sera le triple de
	la taille du texte de l'élément parent.
	À noter: on aurait pu écrire "font-size: 300%" pour le même résultat.

9.	Par défaut, les listes UL et OL ont un retrait à gauche qui peut être,
	suivant les navigateurs:
	- un padding-left de 40px;
	- ou bien un margin-left de 40px.
	On met tout le monde d'accord avec une marge à gauche de 24px, et pas
	de padding.

10.	Les navigateurs donnent souvent aux images placées dans des liens
	une bordure disgracieuse. On annule ce style souvent gênant en appliquant
	un "border: none" aux images qui se trouvent à l'intérieur d'un lien.

*/