/* Style des liens */
a:link {
	color: #002B55;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

a:visited {
	color: #002B55;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

a:hover {
	color: #660033;
	font-size: 10px;
	text-decoration: underline;
}

/* Style de la page en général */
body {
	font-size: 10px;
	color: #222222;
	font-family: Verdana,Arial,Sans-serif;
	background-image: url("image/fond.jpg");
}

/* Style des puces */
ul {
	list-style-image:url("image/puce2.gif");
}

li {
	margin-top:10px;
	margin-right:5px;
}

/* Style des tableaux */
table {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

/* Style des fieldset */
fieldset {
	border:1px solid;
	border-color: #69a0be;
	padding-right:5px;
	padding-left:5px;
}

.chapitre {
	color: #555555;
	margin:5px;
	font-weight:bold;
	font-size: 10px;
}

.chapitre2 {
	color: #FFFFFF;
	margin:5px;
	font-weight:bold;
	font-size: 10px;
}

.grostitre {
	color: #002B55;
	margin:5px;
	font-weight:bold;
	font-size: 16px;
	letter-spacing: 2px;
}

.valeur {
	display:inline;
	font-weight:bold;
	color:#000000;
}

.erreur {
	display:inline;
	font-weight:bold;
	color:#FF0000;
}

.bleu{
	font-weight:bold;
	display:inline;
	color:#719ebe;
}

.bleu2{
	font-weight:bold;
	display:inline;
	color:#719ebe;
	text-decoration:underline;
}

.validation {
	display:inline;
	font-weight:bold;
	color:#006000;
}
/* Couleurs pour les notes sur les items */
.excellent {
	font-weight:bold;
	display:inline;
	color:#006000;
}

.tresbon {
	font-weight:bold;
	display:inline;
	color:#00a060;
}

.bon {
	font-weight:bold;
	display:inline;
	color:#20c0c0;
}

.progression {
	font-weight:bold;
	display:inline;
	color:#a06020;
}

.mauvais {
	font-weight:bold;
	display:inline;
	color:#FF0000;
}

.marge {
	margin:5px;
}

/* Conteneur principal du site */
.conteneur {
	text-align: left; 
	width: 1100px;
	height: auto;
	border-style: none;
	margin-left:auto;
	margin-right:auto;
}

/* Conteneur de la bannière */
.banniere_main {
	width:1070px;
	height:160px;
	position:relative;
}

	/* Découpage de la bannière */
	.banniere_1 {
		width:1070px;
		height:130px;
		background-image: url("image/banniere1.gif");
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.banniere_2 {
		width:200px;
		height:30px;
		position: absolute;
		background-image: url("image/banniere2.gif");
		top: 130px;
		left: 0px;
	}

	.banniere_3 {
		width:500px;
		height:30px;
		position: absolute;
		background-image: url("image/banniere3.gif");
		top: 130px;
		left: 200px;
	}

	.banniere_4 {
		width:300px;
		height:30px;
		position: absolute;
		background-image: url("image/banniere4.gif");
		top: 130px;
		left: 700px;
	}

	.banniere_5 {
		width:70px;
		height:30px;
		position: absolute;
		background-image: url("image/banniere5.gif");
		top: 130px;
		left: 1000px;
	}

/* Conteneur du mileu de page */
.main {
	width:1070px;
	height:auto;
	background-color: #00FF00;
	position:relative;
}

	/* Menu de gauche */
	.main_menu {
		width:200px;
		height:auto;
		position: absolute;
		background-image: url("image/menu.gif");
		top: 0px;
		left: 0px;	
	}
	
	.fin_menu {
		width:200px;
		height:20px;
		position: absolute;
		top: auto;
		background-image: url("image/fin_menu.gif");
	}
	
	/* Contenu */
	.main_contenu {
		text-align:center;
		width:870px;
		height:auto;
		position: absolute;
		background-image: url("image/main.gif");
		top: 0px;
		left: 200px;
	}
	
	.fin_contenu {
		width:870px;
		height:20px;
		position: absolute;
		top: auto;
		left:0;
		background-image: url("image/fin_contenu.gif");
	}
	
	/* Permet d'ajouter des marges intérieures (compatible Firefox sans décallage du DIV) */
	.padding{
		text-align:justify;
		width:auto;
		height:auto;
		padding:15px;
	}

/* Encadré des rubriques */	
.cadre {
	width:835px;
	height:auto;
	background-image: url("image/cadre3.gif");
	margin-left:auto;
	margin-right:auto;
}

	.cadre2 {
		width:835px;
		height:15px;
		background-image: url("image/cadre1.gif");
		color:#FFFFFF;
		margin-left:auto;
		margin-right:auto;
		font-weight:bold;
		text-align:left;
	}

	.cadre3 {
		width:835px;
		height:15px;
		text-align:right;
		margin-left:auto;
		margin-right:auto;
		background-image: url("image/cadre2.gif");
	}

/* Conteneur pour les images */
.image {
	width:auto;
	height:auto;
	text-align:center;
}

/* Style des boutons */
.bouton {
	border: #000000 1px solid; 
	font-size: 11px; 
	font-weight:bold;
	color: #000000; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-bottom:5px;
}

/* Style des trois boutons de mise en forme pour les textarea */
.gras {
	font-weight:bold;
	width:25px;
	height:25px;
}

.souligne {
	text-decoration:underline;
	width:25px;
	height:25px;
}

.italique {
	font-style:italic;
	width:25px;
	height:25px;
}
	
.tab {
	width:75px;
	height:25px;
}

/* Style des champs de texte / textarea */
.champ {
	border: #000000 1px solid; 
	font-size: 11px; 
	font-weight:bold;
	color: #000000; 
	font-family: Verdana, Arial, helvetica, sans-serif;
	background-color: #FFFFFF;
}

.centre {
	width:auto;
	height:auto;
	text-align:center;
}

.indice {
	font-size: 10px;
	display:inline;
}
.comparaison {
	font-size: 9px;
	display:inline;
}

/* Style pour la page du calendrier */
.calendrier {
	width:310px;
	height:200px;
	text-align:center;
	border: #000000 1px solid;
	padding:10px;
	background-color:#6e9fbf;
}

/* Style pour l'affichage des jours sur la calendrier */
.jour {
	width:40px;
	height:20px;
	float:left;
	border: #000000 1px dashed;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:4px;
	text-align:center;
	background-color:#FFFFFF;
}

/* Style pour le jour d'aujourd'hui sur le calendrier */
.jour2 {
	width:40px;
	height:20px;
	float:left;
	border: #000000 1px dashed;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:4px;
	text-align:center;
	background-color:#c0c0c0;
}

/* Style pour griser un texte */
.grise {
	color:#666666;
}