/* Contient la presentation commune a toutes les pages du site.
* Les elements commun a toutes les pages sont :
*	- la mise en forme du corps de la page.
*	- la barre du choix des langues.
*	- la disposition du logo de page (l'animation en flash)/
*	- la disposition du menu (Accueil, Enseignement, Materiel, ...).
*	- la disposition de la barre de soulignement du menu.
*	- la dispotition de la barre de choix des elements (barre verticale gauche).
*@author Davy.Claisse@gmail.com
*modifs ronald
*@version 2.0
*/

html {
	background-color : #000;
}

	/* Mise en forme du corps de la page.
	*/
	body {
		position : absolute;
		top : 0%;
		left : 0%;
		width : 99%;
		font-family : "Times New Roman", serif;
		font-size : 100%;
		color : #FFF;
		background-color : #000;
	}

/*
*/
#bl_header {
	position : relative;
	left : 1%;
	width : 98%;
	height : 100%;
}

/* Mise en forme de la barre de choix des langues.
*/
#bl_lang {
	position : relative;
	left : 1%;
	width: 98%;
	display : block;
}
	/* Mise en forme des drapeaux de choix des langues.
	*/
	.flags {
		position : relative;
		width : 3%;
		border : thin solid #000;
	}

	/* Mise en place du comportement des boutons de changement de langue.
	*/
	.link_flags{
		display : inline;
		text-decoration : none;
		vertical-align: middle;
	}
	.link_flags :hover{
		border : thin solid #FFF;
	}
	.link_flags:focus {
		border : thin solid #FFF;
	}

/* Position et dimension de la barre de logo.
*/
#bl_logo {
	position : relative;
	width : 99%;
	left : 0%;
	background-color : #000;
	display : block;
}

	/* Dimension de l'animation flash.
	*/
	#anim_flash {
		position : relative;
		left : 1%;
		width : 720px;
		height : 100px;
	}

/* Mise en forme de la barre de menu principale (horizontale).
*/
#bl_menu_row {
	position : relative;
	left : 1%;
	width : 98%;
	height : 5%;
	color : #FFF;
	font-size : 130%;
}

	/* Mise en forme des liens du menu principale.
	*/
	.link_menu {
		padding-left : 2.25%;
		color : #FFF;
		background-color : #000;
		text-decoration : none;
	}
	.link_menu:hover {
		text-decoration : underline;
	}
	.link_menu:focus {
		text-decoration : underline;
	}


	#link_menu_selected {
		color : #F00;
		padding-left : 2.25%;
		text-decoration : none;
		background-color : #000;
	}
	#link_menu_selected:hover{
		text-decoration : underline;
	}
	#link_menu_selected:focus{
		text-decoration : underline;
	}

/* Disposition du menu vertical.
*/
#bl_menu_col {
	position : absolute;
	left : 0%;
	width : 19%;
	margin-top : 0.5%;
	background-color : #000;
}

	span.menu_col_items {
		position : relative;
		width : 100%;
		display : block;
		color : #F00;
		font-size : 110%;
		font-weight : bold;
		text-decoration : none;
		background-color : #000;
		border-bottom : thin dotted #FFF;
		font-family : "Times New Roman", serif;
	}
	/* Mise en forme des liens de menu vertical.
	*/
	a.menu_col_items {
		position : relative;
		display : block;
		color : #FFF;
		font-size : 110%;
		font-weight : bold;
		font-family : "Times New Roman", serif;
		padding-left : 2%;
		border-bottom : thin dotted #FFF;
		text-decoration : none;
		background-color : #000;
	}
	a.menu_col_items:hover {
		color : #00F;
	}
	a.menu_col_items:focus {
		color : #00F;
	}

/* Mise en forme de la barre de soulignement du menu principale (bl_menu)
*/
#bl_menu_underline {
	position : relative;
	margin-top : 0.25%;
	left : 0%;
	width : 100%;
	font-size : 25%;
	display : block;
	background-color : #F00;
}

/* Disposition du coins gauche d'une page.
*/
#img_cl {
	position : absolute;
	left : 0%;
	top : 0%;
	width : 2%;
}
/* Disposition du coins droit d'une page.
*/
#img_cr {
	position : absolute;
	left : 98%;
	top : 0%;
	width : 2%;
}
/* Disposition du coins inférieur gauche d'une page.
*/
#img_cl_bot {
	position : absolute;
	width : 2%;
	left : 0%;
	bottom : 0%;
}
/* Disposition du coins inférieur droit d'une page.
*/
#img_cr_bot {
	position : absolute;
	width : 2%;
	right : 0%;
	bottom : 0%;
}