* {
	font-family: Arial; /* police d'ecriture par defaut */
	margin: 0;
	padding: 0;
	}

html { overflow-y: scroll; }
body {
	background: #1D1D1D url(img/paper-2.jpg); /* couleur du fond de la page */
	color: #CCCCCC; /* couleur du texte de la page */
	font-size: 10pt; /* taille du texte */
	padding: 10px;
	}

div { overflow: hidden; }

img, table { border: 0; }
small { font-family: verdana; font-size: small; }

img.preview { margin-top: 10px; }

.center { text-align:center; }
.padding { padding:10px; }
.margin { margin:10px; }
.clear { clear:both; }
.gold { color:#CCCCCC; }

vert, .vert { color:#66FF66; }
rouge, .rouge { color:#ff0000; }
jaune, .jaune { color: #FFFF00; }
gris, .gris { color: #888; }

table {
	border-collapse:collapse;
	}

table,th, td {
	border: 1px solid #fff;
	}
.selected {
	background: #444;
	}

.dark { background-color:#222; }

li { list-style-image: url(img/icon_minipost_new.gif); }

/* GRID SYSTEM */
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
	float: left;
	}
.span1.last, .span2.last, .span3.last, .span4.last, .span5.last, .span6.last, .span7.last, .span8.last, .span9.last, .span10.last, .span11.last, .span12  {
	margin-left: 0.4%;
	}
.span1 { width: 8.3%; }
.span2 { width: 16.6%; }
.span3 { width: 24.9%; }
.span4 { width: 33.2%; }
.span5 { width: 41.5%; }
.span6 { width: 49.8%; }
.span7 { width: 58.1%; }
.span8 { width: 66.4%; }
.span9 { width: 74.7%; }
.span10 { width: 83%; }
.span11 { width: 91.3%; }
.span12 { width: 99.6%; }

font {
	font-family: Monotype Corsiva;
	}

a {
	color: #FFFFFF; /* couleur des liens */
	}

a:active {
	color: #FFFFCC; /* couleur des liens actifs */
	}

header, footer, section {
	width: 965px; /* largeur du contenu de la page */
	margin: 0 auto; /* aligner au centre */
	overflow: hidden;
	clear: both;
	}

header {
	border-bottom: 0px solid #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}
	
header h2 {
	float: left;
	line-height: 14pt;
	font-family: Monotype Corsiva;
	font-size: 13pt;
	font-weight: normal;
	color: #B2E3FF;
	}

header p {
	float: right;
	line-height: 18pt;
	font-family: Arial;
	font-size: x-small;
	color: #FFFFFF;
	}

footer {
	margin-top: 10px;
	border-top: 1px solid #B5B591;
	padding-top: 3px;
	}

footer p {
	text-align: center;
	font-family: Verdana;
	font-size: small;
	}

section {
	}

article {
	color:#999;
	}

article div {
	padding: 5px 0;
}

article div blockquote {
	margin: 0 20px;
}

article div p {
	padding: 0 20px;
	}

article div ul, article ul {
	margin: 10px 0 10px 40px;
	}

aside {
	}

aside nav ul {
	font: 9pt Verdana;
	list-style-type: none;
	width: 95px;
	}

aside nav ul li {
	margin-bottom: 12px;
	list-style-image: none;
	}  

aside nav ul li a {
	display: block;
	color: #000;
	width: 100%;
	border: 2px solid;
	border-color: #6c8a82 #aeccc5 #aeccc5 #6c8a82;
	background-color: #E5F6FF;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #E5F6FF 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #E5F6FF 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #E5F6FF 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #E5F6FF), color-stop(1, #E5F6FF));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #E5F6FF 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #E5F6FF 100%);
	text-decoration: none;
	text-align:center;
	}

aside nav ul li a:active {
	color: #000000;
	}

aside nav ul li a:hover {
	color: #643200;
	background-color: #c6e4dd;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #AECCC5 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #AECCC5 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top,  #AECCC5 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, ), color-stop(1, #AECCC5));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #AECCC5 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #AECCC5 100%);
	}