/*
Système proportionnel

Il est important de bien définir les corps de polices (font-size), les retraits (padding) et les marges (margin) en unités typographiques, ici rem. 
Cela permet, lorsqu'on change le corps de référence (html = 62.5% = 10px), à l'ensemble de conserver ses proportions, tout étant basé sur la valeur du corps de police de html, l'élément racine.
*/

/* Définir le quadratin de référence (root) à 10px pour faciliter les calculs */ 
html {
	font-size: 62.5%;/* = 10px */
}
/* On remet body aux 16px par défaut */
/* On utilise .em au lieu de .rem à cause d'un bug du navigateur Chrome  */
/* https://code.google.com/p/chromium/issues/detail?id=320754 */
body {
	font-size: 1.6em;/* = 16px */
	line-height: 1.5;/* Interlignage : 1.5 x 16px */
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: Helvetica, Arial, sans-serif;*/
}
h1 {
	font-size: 3.84rem;/* 2.4em = 2.4 x 16 = 38.4px = 3.84rem */
	line-height: 1.1; /* 1.1 = 38.4px x 1.1 = 42.24px = 4.224rem */
	padding-bottom: 3.84rem;/* 1em = 1 x 38.4 px = 3.84rem */
}
h2 {
	font-size: 2.88rem;
	line-height: 1.2;
	padding-bottom: 2.88rem;
}
h3 {
	font-size: 2.4rem;
	line-height: 1.3;
	padding-bottom: 2.4rem;
}
h4 {
	font-size: 1.92rem;
	line-height: 1.4;
	padding-bottom: 1.92rem;
}
h5 {
	font-size: 1.76rem;
	line-height: 1.4;
	padding-bottom: 1.76rem;
}
h6 {
	font-size: 1.6rem;
	line-height: 1.5;
}

blockquote {
	font-size: 2.08rem;
	font-style: italic;
	padding-left: 3.12rem;
	margin-bottom: 2.08rem;
	border-left: 1px solid #000000;
}

ul, ol {
	margin-left: 1.6rem;
	margin-bottom: 1.6rem;
}
ul ul, ul ul ul, ol ol, ol ol ol {
	margin-top: 0;
	margin-bottom: 0;
}