/* CSS Document */

/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */
 .typography {
	font-family:Arial, Helvetica, sans-serif;
}
/* PARAGRAPHS 
-------------------------------------------- */
.typography p {
	line-height: 20px;
	padding: 0 0 5px 0;
	font-size: 14px;
	color:#4D4D4D;
	font-weight:normal;
	margin:0;
}
/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777;
	font-style: italic;
}
.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
}
/* LINKS 
-------------------------------------------- */

.typography a {
	text-decoration: none;
	color:#171819;
}
.typography a:hover {
	text-decoration: none;
}
/* LINKS H2 
-------------------------------------------- */
.typography h2 a {
	text-decoration: none;
	color:#21689A;
	margin-top:20px;
	margin-bottom:0px;
}

	/* LINK ICONS - shows type of file
	------------------------------------ */
	.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;
}
/* LIST STYLES 
-------------------------------------------- */
.typography ul, .typography ol {
	margin: 0 0 18px 24px;
	color: #FFFFFF;
}
.typography li {
	margin: 5px 10px;
	font-size: 12px;
	color:#464646;
	text-align:left;
	font-weight:normal;
}
.typography li li {
	font-size: 14px;
}
/* HEADER STYLES 
-------------------------------------------- */

.typography h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#0B3F64;
	font-weight:normal;
	margin: 0 0 5px 0;
}
.typography h2 {
	color:#21689A;
	font-size:18px;
	font-weight:normal;
	margin: 0 0 8px 0;
}
.typography h3 {
	color: #4D4D4D;
	margin: 0 0 7px 0;
	font-size:16px;
}
.typography h4 {
	font-size: 15px;
	color: #111110;
	/*width: 95%;
	font-weight: 300;
	line-height: 18px;*/
	margin: 0 0 10px 0;
}
.typography h5 {
	font-size: 14px;
	color: #4D4D4D;
	margin: 0 0 8px 0;
}
.typography h6 {
	font-size: 13px;
	color: #4D4D4D;
	font-weight:bold;
	/*line-height: 1.4em;*/
	margin: 0 0 6px 0;
}
.typography p {
	font-size: 14px;
	color:#464646;
	font-weight:normal;
}
.typography.map {
	font-size: 14px;
	color:#E86413;
	margin:0px 0 12px 0;
}
.date {
	font-size: 14px;
	color:#808080;
	margin:0px 0 8px 0;
}
/* STYLES COLOR
-------------------------------------------- */	
.typography .orangeClair {
	color:#E8824D;
}
.typography .jaune {
	color:#FDB415;
}
.typography .rouge {
	color:#D12605;
}
.typography .rougeFoncer {
	color:#960000;
}
.typography .roseFoncer {
	color:#7D003B;
}
.typography .gris {
	color: #4D4D4D;
}
.typography .grisFoncer {
	color: #505050;
}
.typography .bleu {
	color: #21689A;
}
.typography .bleuFoncer {
	color: #0B3F64;
}
.typography .rose {
	color:#DE006A;
}
.typography .vert {
	color:#B4BE0F;
}
.typography .vertFoncer {
	color:#91A312;
}
.typography .turquoise {
	color:#009999;
}
.typography .turquoiseFoncer {
	color:#006E52;
}
.typography .border {
	border:1px solid #717272;
	margin-bottom:23px;
	padding-top:10px;
	padding-left:9px;
	padding-bottom:14px;
}
.typography .flecheRight {
	font-size:25px;
	color:  #111110;
	padding-left:10px;
	padding-right:0px;
	margin-top:10px;
}
.typography .fleche {
	font-size:25px;
	color: #8AAE26;
	padding-right:10px;
	margin-top:10px;
}
.typography .lienBlc {
	cursor:pointer;
	text-decoration:none;
	color: #FFFFFF;
	font-size:15px;
	text-transform:uppercase;
}
.typography .liennoir {
	cursor:pointer;
	text-decoration:none;
	color: #111110;
	font-size:15px;
	text-transform:uppercase;
}
.typography .lienvert {
	cursor:pointer;
	text-decoration:none;
	color:#8AAE26;
	font-size:15px;
	text-transform:uppercase;
}
.typography .lien {
	cursor:pointer;
	text-decoration:none;
	color:#8AAE26;
	font-size:15px;
	font-weight:normal;
}
.typography .border2 {
	border:1px solid #717272;
	margin-bottom:23px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}
.typography .border3 {
	border:1px solid #717272;
	margin-bottom:23px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:14px;
}
.typography .borderImg {
	border:4px solid #E5E5E5;
	padding:0;
	margin:0;
}
.typography .txtEduc {
	font-size: 13px;
	color: #777777;
	font-weight:normal;
	/*line-height: 1.4em;*/
	margin: 0 0 6px 0;
}
.typography .txtnoir {
	text-decoration:none;
	color: #111110;
	font-size:15px;
	text-transform:uppercase;
}
.typography .txtvert {
	text-decoration:none;
	color:#8AAE26;
	font-size:15px;
	text-transform:uppercase;
}
.typography .droite {
	padding-right:7px;
}
.typography .lienPlus {
	font-size:12px;
	color:#111110;
	font-weight:normal;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.typography .titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#74A8CC;
	font-weight:normal;
	margin: 0 0 5px 0;
}
.typography .multiNoir {
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#050505;
	font-weight:normal;
	margin: 0 0 5px 0;
}
.typography .multiOrange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#F84D0A;
	font-weight:normal;
	margin: 0 0 5px 0;
}
.typography .texte {
	font-size: 12px;
	color:#464646;
	text-align:left;
	font-weight:normal;
}
/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
}
/* TABLE STYLING 
-------------------------------------------- */
.typography table {
	margin: 0 0 0px 0;
	font-size: 13px;
	color: #666;
	border-collapse:collapse;
	line-height:15px;
}
.typography tr {
}
.typography td {
	padding:0px;
}
.typography .border {
	border-top:1px solid #333333;
}
/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}
/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
.typography div.image.right, .typography div.captionImage.right {
	float: right;
	margin-bottom:10px;
	margin-left: 20px;
}
.typography .captionImage {
	border: 1px solid #aaa;
	padding: 5px;
}
.typography div.image.left, .typography div.captionImage.left {
	float: left;
	margin-bottom:10px;
	margin-right:30px;
}
.typography div.image.leftAlone, .typography div.captionImage.leftAlone {
	float: left;
	margin-right: 100%;
}
.typography div.image.center, .typography div.captionImage.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.typography .caption {
	font-weight: bold;
	text-align: center;
	color: #783334;
}