/*
	Project		: svn eZPublish Actimage
	Author		: Maximilien LELEU <maximilien.leleu@actimage.com>
	Revision	: Décembre 2013
	Description	: Contient l’ensemble des règles définissant l’aspect typographique du projet

	Copyright	: ACTIMAGE
*/

/******************************************/
/***************** GLOBAL *****************/
/******************************************/
html {
	font-size 		: 62.5%;
}

body{
    color 		: #333;
    font-size 	: 1.4em;
    font-family : Arial, sans-serif;
}
h1{
    border-bottom	: 1px dotted #b2b2b2;
    color 			: #088106;
    font-size   	: 1.85em;
    font-weight 	: normal;
    margin-bottom 	: 20px;
}

h2{
    color 			: #b4003c;
    font-size   	: 1.5em;
    margin-bottom 	: 15px;
}

h3{
    color 			: #574a44;
    font-size   	: 1.4em;
    font-weight 	: bold;
    margin-bottom 	: 10px;
}

h4{
    color 			: #088106;
    font-size   	: 1.3em;
    font-weight 	: normal;
    margin 			: 0;
}
h5{
    color 			: #333;
    font-size   	: 1.15em;
    font-weight 	: bold;
    margin 			: 0;
}
h6{
    color 			: #b4003c;
    font-size  		: 1.05em;
    font-weight 	: bold;
    margin 			: 0;
}

h1 a, h4 a{
	color 			: #088106;
}

h2 a, h6 a{
    color 			: #b4003c;
}

h3 a{
    color 			: #574a44;
}
/******************************************/
/*************** ALTERNATE ****************/
/******************************************/
.smaller {
	font-size: .7143em; /* equiv 10px */
}
.small {
	font-size: .8571em; /* equiv 12px */
}
.big {
	font-size: 1.1429em; /* equiv 16px */
}
.bigger {
	font-size: 1.2857em; /* equiv 18px */
}
.biggest {
	font-size: 1.4286em; /* equiv 20px */
}

/******************************************/
/**************** CONTENT *****************/
/******************************************/
/* preserves vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details, 
figure {
	font-size 	: 1em; /* equiv 14px */
}

.wysiwyg p{
	line-height : 1.2em;
}

/******************************************/
/**************** WYSIWYG *****************/
/******************************************/
.emphasize{
	font-style : italic;
}