/* *********************************** */
/* Ce fichier contient les définitions des polices et des couleurs du site */
/* *********************************** */


/*
	C'est là que vous définissez la taille de police souhaitée.
	Pour les polices en EM Le line-heights et les marges sont calculés automatiquement à partir de cela.
	La police par défaut des navigateurs étant de 16px, on applique un pourcentage pour leur faire comprendre que la police par défaut
	fera désormais 12px (0,75 = 12px / 16px).
*/

/* Police et couleur par défaut
-------------------------------------------------------------- */

body { font-size: 75%; color: #111D2F; font-family: Arial, Helvetica, sans-serif; }

/* Headings
-------------------------------------------------------------- */

/* On utilise h1 pour afficher le logo du site, il ne faut donc pas le paramétrer ici */
h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background: #0099C9;
	padding: 3px 15px 3px 15px;
	margin: 0 0 20px 0;
}
h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #111D2F;
	padding: 10px 0 5px 0;
	margin: 1em 0 0 0;
}
h4 { font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	display:inline;
	background: #44B3D6;
	padding: 3px 15px 3px 15px;
	margin: 0 0 20px 20px; }
h5 { font-size: 1.3em; font-weight: bold; margin: 0 0 0.5em 0; }
h6 { font-size: 1em; font-weight: normal; }

/* Text elements
-------------------------------------------------------------- */

p {
	font-size: 1.0em;
	margin: 0 0 1em 0;
	text-align: justify;
}
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 0 0 1em 1em; padding: 0; }
img         { margin: 0 0 1em 0; }

ul, ol      { margin: 0; }
ul          { list-style-type: none; }
ol          { list-style-type: square; padding:0 0 10px 20px; }
dl          { margin: 0 0 1em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1em; font-style: italic; }
del         { color: #666; }

/* Default links */
a           { color: #2C4878; text-decoration: none; font-weight: bold; }
a:focus, 
a:hover     { color: #2C4878; text-decoration: underline; }
a:visited   { }
/* */

sup 		{ vertical-align: top;}
sub			{ vertical-align: bottom;}
blockquote  { margin: 1em; font-style: italic; text-align: justify; color: #999;}

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1em 0 0 0; white-space: pre; }
pre,code,tt { color: #666; font: 1em "Monika", "script", "andale mono", "monotype.com", "lucida console", monospace; line-height: 1; } 
tt          { display: block; margin: 1em 0 0 0; line-height: 1; }


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin: 0 0 1.875em 0; line-height: 1.875em; }
.medium     { font-size: .9em; font-weight: bold; margin: 0 0 1.875em 0; line-height: 1.2em; }
.large      {
	font-size: 1.7em;
	font-weight: bold;
	color: #DD011B;
	line-height: 1.3em;
	margin: 0 0 1.25em 0;
	text-align:center;
}
.top        { margin-top: 0; padding-top: 0; }
.bottom     { margin-bottom: 0; padding-bottom: 0; }


/* Forms
-------------------------------------------------------------- */

input,select,textarea  { font-size: 0.9em; color: #000; font-family: Arial, Helvetica, sans-serif; }
