/* This typography file is always included for the wysiwyg editor.
/* Apply this class to all user editable content zones.
-------------------------------------------------------------- */

body, .typography {
	font: 12px/16px Arial, Verdana, sans-serif !important;
	color:#4a4a4a;
}

.typography p, .typography ul, .typography ol {
	margin:9px 0;
}

/* Lists
-------------------------------------------------------------- */

.typography ul, .typography ol {
	list-style:disc outside;
	margin-left:40px;
}
.typography li {

}

/* Headers (tinymce shoudn't use h1)
-------------------------------------------------------------- */

.typography h2 {
	font: 14px/16px Arial, Verdana, sans-serif !important;
	font-size: 18px;
	line-height: 36px;
	font-style: italic;
	font-weight: normal;
	margin:12px 0 6px 0;
	text-transform: uppercase;
	color:#264892;
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 3px;
}

.typography h3 {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	font-weight: bold;
	color: #000;
	margin:12px 0 6px 0;
	color:#264892;
}

.typography h4 {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	font-weight: normal;
	color: #666;
}

.typography h5, h6 {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	font-weight: normal;
}

/* Links
-------------------------------------------------------------- */

.typography a, .typography a:focus {
	color: #009;
	text-decoration:none;
}
.typography a:hover {
	text-decoration:underline;
}
.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
.typography a.pdf {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
}
.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_word.png) no-repeat left center;
}
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_excel.png) no-repeat left center;
}
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_white_zip.png) no-repeat left center;
}
.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/application.png) no-repeat left center;
}

/* Tables
-------------------------------------------------------------- */

.typography table {
}
.typography table tr td {
}

/* Alignement classes
-------------------------------------------------------------- */

.typography .left {
	text-align:left;
}
.typography .center {
	text-align:center;
}
.typography .right {
	text-align:right;
}
.typography img.right {
	float:right;
}
.typography img.left {
	float:left;
}

/* Clean word classes
-------------------------------------------------------------- */

.typography p.MsoNormal, .typography p.MsoBodyText {
	margin: 0;
}

/* Blocks
-------------------------------------------------------------- */

.typography blockquote {
	background: #F9F9F9;
	border-left: 0px solid #ccc;
	margin: 0 0 18px;
	padding: 17px 9px 1px 9px;
	color: #333;
	font-family: Georgia, "Times new roman", serif;
	font-size: 13px;
	font-style: italic;
}

.typography pre, .typography code {
	overflow-x: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #333;
	color:#fff;
	border: 1px solid #333;
	font-family: monaco, courier, "courier new", monospace;
	font-size: 11px;
	margin: 0 0 18px;
	padding: 9px;
}

.typography .amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
	font-weight: normal;
	line-height: inherit;
}

/* Notices
-------------------------------------------------------------- */

.typography .message {
	margin: 0 0 17px 0;
	padding: 8px 8px;
	font-size: 11px;
	line-height: 18px;
}

.typography .notice {
	background: #FFF6BF;
	color: #514721;
	border-bottom: 1px solid #FFD324;
}

.typography .error {
	background: #FBE3E4;
	color: #8a1f11;
	border-bottom: 1px solid #FBC2C4;
}

.typography .success {
	background: #E6EFC2;
	color: #264409;
	border-bottom: 1px solid #C6D880;
}

/* Helper classes
-------------------------------------------------------------- */

.small {
	font-size:0.8em;
}

.big {
	font-size:0.9em;
}

.typography .fakeh2 {
	font: 14px/16px Arial, Verdana, sans-serif !important;
	font-size: 18px;
	line-height: 36px;
	font-style: italic;
	font-weight: normal;
	text-transform: uppercase;
	color:#264892;
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 3px;
}

.typography .fakeh3 {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	font-weight: bold;
	color:#264892;
}