<!-- 
Feuille de style pour les cours.
-->

#content {
	position: absolute
}

/* L'entete de la page. */

.icon {
	float: left;
	margin-right: 5px;
}

img.icon {
	border: 0px;
	margin: 10 0 0 0;
}

.title {
   	font-family: Arial,Verdana;
   	font-weight: normal;
	font-size: 34px;
	color: #808080;
	margin-top: 5px;
	margin-bottom: 5px;
}	

.subtitle {
   	font-family: Arial,Verdana;
   	font-weight: normal;
	font-size: 14px;
	color: #808080;
	margin-bottom: 5px;
}

.menu-block {
	text-align: center;
	background-color: #2d4a91;
	width: 70px;
	padding: 4px;
	float: left;
	margin-right: 10px;
}

.section {
   	font-family: Arial,Verdana;
   	font-weight: bold;
	font-size: 17px;
	color: #808080;
}	

.subsection {
   	font-family: Arial,Verdana;
   	font-weight: bold;
	font-size: 12px;
	color: #404040;
}

/* Texts */

.coloredText {
	font-family: Arial,Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #2d4a91;
}


/* For arrays with border. */

table.tabular {
	font-family: Arial,Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #404040;
	background-color: #fafafa;
	border: 1px #6699CC solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}

table.tabular td.tabularHeader {
	border-bottom: 2px solid #6699CC;
	border-left: 1px dotted #CEDCEA;
	background-color: #F7F7F7;
	text-align: center;
	font-family: Arial,Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

table.tabular td {
	border-bottom: 1px dotted #6699CC;
	font-family: Arial,Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #404040;
	background-color: white;
	padding-left: 3px;
}

.leftBorder {
	border-left: 1px dotted #CEDCEA;
}

/* For arrays without borders. */

table.basic {
	font-family: Arial,Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #404040;
	background-color: #fafafa;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}

table.basic td {
	font-family: Arial,Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #404040;
	padding-left: 3px;
}

/* Style des liens. */

a:link {
   	font-family: Arial,Verdana;
	font-size: 12px;
	color: #2d4a91;
	text-decoration: none;
}

a:visited {
   	font-family: Arial,Verdana;
	font-size: 12px;
	color: #2d4a91;
	text-decoration: none;
}

a:active {
   	font-family: Arial,Verdana;
	font-size: 12px;
	color: #2d4a91;
	text-decoration: none;
}

a:hover {
   	font-family: Arial,Verdana;
	font-size: 12px;
	color: #2d4a91;
	text-decoration: underline;
}

/* Cas particulier des liens dans les menus. */

#menu a:link {
   	font-family: Arial,Verdana;
	font-size: 14px;
	color: white;
	text-decoration: none;
}

#menu a:visited {
   	font-family: Arial,Verdana;
	font-size: 14px;
	color: white;
	text-decoration: none;
}

#menu a:active {
   	font-family: Arial,Verdana;
	font-size: 14px;
	color: white;
	text-decoration: none;
}

#menu a:hover {
   	font-family: Arial,Verdana;
	font-size: 14px;
	color: white;
	text-decoration: underline;
}

/* Cas particulier des liens en nom de section. */

#section a:link {
   	font-family: Arial,Verdana;
	font-size: 16px;
	color: #808080;
	text-decoration: none;
}

#section a:visited {
   	font-family: Arial,Verdana;
	font-size: 16px;
	color: #808080;
	text-decoration: none;
}

#section a:active {
   	font-family: Arial,Verdana;
	font-size: 16px;
	color: #808080;
	text-decoration: none;
}

#section a:hover {
   	font-family: Arial,Verdana;
	font-size: 16px;
	color: #808080;
	text-decoration: none;
}

/* Trucs divers. */
/* Pour la photo a gauche du texte. */

img.left {
	border: 0px;
	margin: 0 30 0 0;
	float: left;
}

/* Pour les listes avec un peu d'espace entre les items. */
ul.wide li { margin: 10px 0px; }


/* Le corps de la page. */

body {	
        text-align: justify;
        font-family: Arial,Verdana;
	font-size: 12px;
	color: #000000;
	background-color: #F7F7F7;
}