/*
	font.css
	75% (0.75 * 16px = 12px = 1em)
*/

body {
	margin: 0;
	line-height: 1.5em;/* 18px */
	font-size: 75%;/* 12px */
}

/* ------------------------------
/* COMMON
/* ------------------------------ */
/*** IMAGES ***/
.imgLeft { margin: 0 1.6666em 1.5em 0; }/* 20px | 18px */
.imgCenter { margin: 0 auto 1.5em auto; }/* 18px */
.imgRight { margin: 0 0 1.5em 1.6666em; }/* 18px | 20px */

/*** 75%  1em = 12px soit 1px = 8,3333% = 0.0833em ***
	3em = 36px
	2.8333em = 34px
	2.6666em = 32px
	2.5em = 30px
	2.3333em = 28px
	2.1666em = 26px
	2em = 24px
	1.8333em = 22px
	1.75em = 21px
	1.6666em = 20px
	1.5833em = 19px
	1.5em = 18px
	1.4166em = 17px
	1.3333em = 16px
	1.25em = 15px
	1.1666em = 14px
	1.0833em = 13px
	1em = 12px
	0.9166em = 11px
	0.8333em = 10px
	0.75em = 9px
	0.6666em = 8px
	0.5833em = 7px
	0.5em = 6px
*/

/*** HEADINGS ***/
h1 { margin: 1.5em 0 1.5em 0; }/* 36px | 36px */
h2 { margin: 2em 0 1em 0; }/* 36px | 18px */
h3 { margin: 2.25em 0 1.125em 0; }/* 36px | 18px */
h4 { margin: 2.5714em 0 1.2857em 0; }/* 36px | 18px */
h5 { margin: 3em 0 1.5em 0; }/* 36px | 18px */
h6 { margin: 1.5em 0 1.5em 0; }/* 18px | 18px */

h1 { line-height: 0.75em; }/* 18px */
h2 { line-height: 1em; }/* 18px */
h3 { line-height: 1.125em; }/* 18px */
h4 { line-height: 1.2857em; }/* 18px */
h5 { line-height: 1.5em; }/* 18px */
h6 { line-height: 1.5em; }/* 18px */

h1 { font-size: 2em; }/* 24px */
h2 { font-size: 1.5em; }/* 18 px */
h3 { font-size: 1.3333em; }/* 16px */
h4 { font-size: 1.1666em; }/* 14px */
h5 { font-size: 1em; }/* 12px */
h6 { font-size: 1em; }/* 12px */


/*** TEXT ELEMENTS ***/
address {
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}

p {
	margin-bottom: 1.5em;/* 18px */
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}

blockquote {
	margin-top: 1.5em;/* 18px */
	margin-bottom: 1.5em;/* 18px */
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
blockquote > *:first-child:before {
	margin-left: -0.6667em;/* 20px */
	padding-right: 0.1667em;/* 5px */
	vertical-align: -500%;
	line-height: 1px;
	content: "\201C";
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2.5em;/* 30px */
	color: #999;
}
blockquote > *:last-child:after {
	padding-left: 0.1667em;/* 5px */
	vertical-align: -500%;
	line-height: 1px;
	content: "\201D";
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2.5em;/* 30px */
	color: #999;
}

pre {
	margin-top: 1.5em;/* 18px */
	margin-bottom: 1.5em;/* 18px */
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
code, tt {
	line-height: 1em;/* 12px */*line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
samp, kbd {
	line-height: 1em;/* 12px */
	font-size: 1em;/* 12px */
}

big {
	font-size: 1.1666em;/* 14px */
	line-height: 1em;/* 14px ??? */
}
small {
	font-size: 0.8333em;/* 10px */
	line-height: 1em;/* 10px ??? */
}
sup, sub {
	font-size: 0.8333em;/* 10px */
	line-height: 1em;/* 10px ??? */
}

/*hr {
	display: none;
}*/
hr.zero {
	visibility: hidden;
	clear: both;
	display: block;
	height: 1%;
	margin: 0;
	border: none;
}
hr.noMargin {/* Pas de marge */
	clear: both;
	display: block;
	*float: left;
	width: 100%;
	height: 1px;
	margin: -1px 0 0 0;
	*margin-bottom: -14px;
	padding: 0;
	border: none;
	background-color: #000;
	text-align: left;
	color: #000;
}
hr.marginCenter {/* Marge top=9px bottom=9px */
	clear: both;
	display: block;
	*float: left;
	width: 100%;
	height: 1px;
	margin: 9px 0 8px 0;
	*margin-bottom: -6px;
	padding: 0;
	border: none;
	background-color: #000;
	text-align: left;
	color: #000;
}
hr.marginTop {/* Marge top=18px */
	clear: both;
	display: block;
	*float: left;
	width: 100%;
	height: 1px;
	margin: 17px 0 0 0;
	*margin-bottom: -14px;
	padding: 0;
	border: none;
	background-color: #000;
	text-align: left;
	color: #000;
}
hr.marginBottom {/* Marge bottom=18px */
	clear: both;
	display: block;
	*float: left;
	width: 100%;
	height: 1px;
	margin: -1px 0 18px 0;
	*margin-bottom: 4px;
	padding: 0;
	border: none;
	background-color: #000;
	text-align: left;
	color: #000;
}
hr.marginTopBottom {/* Marge top=18px bottom=18px */
	clear: both;
	display: block;
	*float: left;
	width: 100%;
	height: 1px;
	margin: 17px 0 18px 0;
	*margin-bottom: 4px;
	padding: 0;
	border: none;
	background-color: #000;
	text-align: left;
	color: #000;
}

/*** LISTS ***/
dl, ul, ol {
	margin-top: 1.5em;/* 18px */
	margin-bottom: 1.5em;/* 18px */
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; }

/*** TABLES ***/
th, td {
	line-height: 1.4166em;/* 17px + border 1px */
	font-size: 1em;/* 12px */
}

/*** FORMS ***/
form {
	/*margin-bottom: 1.5em; 18px */
}
fieldset {
	padding: 1.4166em;/* 17px + border 1px */
}
legend {
	padding: 0 0.1666em;/* 2px */
	line-height: 1.5833em;/* 19px */
	font-size: 1em;/* 12px */
}
label {
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
}
select {
	height: 1.6363em;/* 18px */
	line-height: 1.2727em;/* 14px */
	font-size: 0.9166em;/* 11px */
}
input[type=text], input[type=password] {
	height: 1.4545em;/* 16px + border 2px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
input.inputText, input.inputPassword {/* for IE */
	height: 1.4545em;/* 16px + border 2px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
input[type=radio], input[type=checkbox] {}
input.inputRadio, input.inputCheckbox {}/* for IE */
input[type=image] {}
input.inputImage {}/* for IE */
input[type=button], input[type=submit], input[type=reset] {
	height: 1.6363em;/* 18px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
input.inputButton, input.inputSubmit, input.inputReset, button {/* for IE */
	height: 1.6363em;/* 18px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
button {
	height: 1.6363em;/* 18px */
	line-height: 1.4545em;/* 16px */
	font-size: 0.9166em;/* 11px */
}
textarea {
	height: 11.8333em;/* 142px + border 2px */
	line-height: 1.5em;/* 18px */
	font-size: 1em;/* 12px */
	margin-bottom: -0.1667em;/* 2px ??? */
	/*padding: 0.5833em; 7px + border 2px */
}
.error, .notice, .success {
	padding: 1.3333em;/* 16px + border 2px */
	margin: 1.5em 0;/* 18px */
}