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

@font-face {
	font-family: 'CartoGothicStdBook';
	src: url('../fonts/CartoGothicStd-Book-webfont.eot');
	src: local('☺'), url('../fonts/CartoGothicStd-Book-webfont.woff') format('woff'), url('../fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('../fonts/CartoGothicStd-Book-webfont.svg#webfontTH20CnY4') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdItalic';
	src: url('../fonts/CartoGothicStd-Italic-webfont.eot');
	src: local('☺'), url('../fonts/CartoGothicStd-Italic-webfont.woff') format('woff'), url('../fonts/CartoGothicStd-Italic-webfont.ttf') format('truetype'), url('../fonts/CartoGothicStd-Italic-webfont.svg#webfontWj8M1e3I') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBold';
	src: url('../fonts/CartoGothicStd-Bold-webfont.eot');
	src: local('☺'), url('../fonts/CartoGothicStd-Bold-webfont.woff') format('woff'), url('../fonts/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('../fonts/CartoGothicStd-Bold-webfont.svg#webfontuvgRkG9V') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicStdBoldItalic';
	src: url('../fonts/CartoGothicStd-BoldItalic-webfont.eot');
	src: local('☺'), url('../fonts/CartoGothicStd-BoldItalic-webfont.woff') format('woff'), url('../fonts/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/CartoGothicStd-BoldItalic-webfont.svg#webfontM62nYRBo') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, .typography {
	font: 12px/16px Tahoma, "Segoe UI", Segoe, Geneva, sans-serif !important;
	color: #111;
}

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

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

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

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

.typography h2 {
	font-family: 'CartoGothicStdBook', Tahoma, "Segoe UI", Segoe, Geneva, sans-serif !important;
	font-size: 1.5em;
	line-height: 2em;
	font-style: italic;
	font-weight: normal;
	margin:1em 0 0.5em 0;
	color:#ea7400;
}

.typography h3 {
	font-family: 'CartoGothicStdBook', Tahoma, "Segoe UI", Segoe, Geneva, sans-serif !important;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	font-weight: bold;
	color:#ea7400;
	margin:1em 0 0.5em 0;
}

.typography h4 {
	font-family: 'CartoGothicStdBook', Tahoma, "Segoe UI", Segoe, Geneva, sans-serif !important;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	font-weight: normal;
	color: #666;
}

.typography h5, h6 {
	font-family: 'CartoGothicStdBook', Tahoma, "Segoe UI", Segoe, Geneva, sans-serif !important;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	font-weight: normal;
}

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

.typography a, .typography a:focus {
	color: #da5200;
	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;
}

/* 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;
}

.style-quote {
	background: url('../images/quote-open.png') top left no-repeat;
}
.style-quote blockquote {
	font-family: 'CartoGothicStdItalic', Tahoma, "Segoe UI", Segoe, Geneva, sans-serif !important;
	font-style:normal;
	font-size: 16px;
	padding:17px 20px 1px;
	background:transparent url('../images/quote-close.png') bottom right no-repeat;
}

.typography pre, .typography code {
	overflow-x: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	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 .message.notice {
	background: #FFF6BF;
	color: #514721;
	border-bottom: 1px solid #FFD324;
}

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

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

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

.small {
	font-size:0.8em;
}

.big {
	font-size:0.9em;
}

@media screen and (max-width: 600px) {
  body, .typography {
      font: 1em Tahoma, "Segoe UI", Segoe, Geneva, sans-serif !important;
    }

  .typography ul {
    margin: 0;
  }
}