/************************ 
 * Directives générales * 
 ************************/

/* Couleurs */

body {
	background-color: 	white;
}

pre {
	color: 	black ;	
}

p {
	color: 	black ;	
}

dl {
	color: 	black ;	
}

ul {
	color: 	black ;	
}

ol {
	color: 	black ;	
}

a {
	color:	#4D6399 ;
}

h1 {
	color:	#393B40 ;
}

h2 {
	color:	#727680 ;
}

h3 {
	color:	#888D99 ;
}

/* Style des liens */

a {
	text-decoration:	none ;
}

a:hover {
	text-decoration:	underline ;
}

.obsolete {
	text-decoration: line-through ;
}

/*******************
 *  Bloc principal *
 *******************/

#contenu {
	margin-top:		0em ;
	margin-bottom:		0em ;
	margin-left:		13.5em ;
	margin-right:		0em ;
	padding-left:		2em ;
	padding-right:		2em ;
	padding-top:		3em ;
	padding-bottom:		5em ;
	max-width: 		80ex ;
}

/* Justification du texte */

#contenu p {
	text-align: justify ;
}

/* Titres */

#contenu h2 {
	text-align:	right ;
	border-bottom:	solid 1px ;
	margin-top: 	1.5em ;
}

/* Listes */

#contenu dt {
	margin-top: .5em ;
	margin-bottom: .2em ;
}

#contenu dl.cours > dt {
	display: list-item ;
	list-style: square ;
	list-style-position: inside ;
}

/******************
 * Bloc d'en-tête *
 ******************/

/* Bande de fond */

#meta {
	position: fixed;
	top: 0; left: 0; bottom: 0;
	width: 12em;
	margin: 0; 
	padding: 1em ;
	background-color: #CCD3EF ;
	text-align:	right;
}

#meta p {
	text-align:	right;
}

/* Liens */

#navigation > ul {
	padding-left: 1em ;
	list-style-type: none;
}

#navigation > ul > li {
	font-size: small ;
	font-weight: bold ;
	padding-top: 1ex ;
}
#navigation > ul.separateurs > li {
	padding-top: 1ex ;
	margin-top: 1ex ;
	border-top: 1pt dotted #404080 ;	
}

#navigation > ul.separateurs > li:first-child {
	padding-top: 0 ;
	margin-top: 0 ;
	border-top: none ;
}

/***********************************
 * Bloc d'informations sur la page *
 ***********************************/

#info {
	position: fixed;
	left: 0; bottom: 0;
	width: 12em;
	margin: 0;
	padding: 1em ;
}

#info p {
	padding: 1pt ;
	margin: 0 ;
	font-size: x-small ;
	text-align: right ;
}

/*********************
 * Message important *
 *********************/

#annonce {
	margin-left:	12em ;
	padding-left:	2em ;
	padding-right:	2em ;
	padding-top: 	1em ;
	padding-bottom: 1em ;
	max-width: 	60em ;
	border: 	dashed 5px #393B40 ;
}

#annonce h2 {
	text-align: center ;
}