@CHARSET "UTF-8";

/*Pour le logo dans le menu*/
#logo {
	margin-left : auto;
	margin-right : auto;
}

/*Pour le formulaire de login dans le menu*/
#login_form {
	width:204px;
	font-size: x-small;
}

#login_form input#login {
	width:200px;
	font-size: x-small;
}

#login_form input#mdp {
	width:200px;
	font-size: x-small;
}

#login_form .row {
	height : 24px;
	width : 100%;
	float: top;
}

#login_form .label {
	height:20px;
	width:40px;
	text-align: right;
	float: left;
}

#login_form .input {
	height:20px;
	float:left;
}

#login_form .a {
	padding-left:30px;
	height:20px;
	width:128px;
	float: left;
}

a:hover {
	text-decoration: underline;
}

#login_form input#ok_button {
	height:20px;
	width:150px;
}

/*Pour le message de bienvenue*/
.bienvenue{
	font-size:x-small;
	font-style: italic;
	height:30px;
	margin-top:-10px;
}
.deconnect{
	font-size:x-small;
	font-style: italic;
	height:30px;
	margin-top:-25px;
	padding-top:5px;
}

/*Pour le menu*/
#menu
{
	float: left;
	width: 200px;
	font-size: 95%;
	font-family: Arial, Serif;
	text-align: left;
	line-height: 200%;
	padding: 0px;
	margin: 00px;
	margin-top: 0px;
	background-color: #d1eeff;
}
/*Titre particulier au menu
#menu h1 
{
	border: 3px solid rgb(97,134,169);
	background-color: rgb(209,238,255);
	background-position: center; 
	margin: 0px;
	text-align: center;
	color: rgb(24,112,163);
}*/

#menu_niveau2
{
	padding-left: 10px;
	line-height: 110%;
	font-size: 80%;
}

/*Liens dans le menu de gauche*/
#menu a 
{
	text-decoration: none; color: rgb(24,112,163);
}

div.menu_element a:hover 
{
	font-weight : bold;
}
	
div .menu_element {
	margin-top:10px;
	height: 20px;
	line-height: 20px;
}

div .submenu_element {
	height: 15px;
	font-size: 80%;
	padding-left: 40px;
}

div .menu_selected {
	border: 3px solid rgb(97,134,169);
	background-color: #66ccff;
	text-align: center;
	color: rgb(24,112,163);
}

div .submenu_selected {
	font-weight: bold;
	margin: 0px;
	color: rgb(24,112,163);
}

div .with_subs {
	height:20px;
}