/* début Code css pour le menu de gauche dans la colonne de gauche */

/* début menu */
.menu{
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0px;
	padding: 20px 5px 20px 15px;
	background-repeat:no-repeat;
	border-bottom:1px solid #FFF;
}
.menu li{
	list-style-image: none;
	padding: 4px 0px 3px 0px;	
	margin: 0px;
	color: #FFFFFF;
	font-weight:bold;
}

.menu li a, .menu li .selflink{
	display:block;
	text-decoration: none;
	color: #FFFFFF;
}
.menu li a:HOVER, .menu li .selflink:HOVER{
	text-decoration: none;
	color: #4ace42;
}
.menu li a.actif{ color: #4ace42;}

.menu li ul{
	/*display:none;*/
	margin:0px;
	padding:0px;
	list-style:none;
}
.menu li ul li{
	list-style-image:none;
	font-weight:normal;
	margin:0px;
	padding: 4px 0px 3px 0px;
}
	.menu li ul li a, .menu li ul li .selflink{
		background-image:url(../images/gabarit/fleche_menu.gif);
		background-repeat:no-repeat;
		background-position:left 2px;
		padding-left:15px;			
	}
	.principal{
		/*background-image:url(../images/gabarit/menu_principal.jpg); */
		background-color:#0e5380; 	
	}
	.profil{
		background-image:url(../images/gabarit/menu_profil.jpg);
		background-color:#103b57;
	}
	.affiliation{ border:none;}
		.affiliation h2{ 
			color: #fff;
			font-size:13px;
			font-weight: bold;
			margin-bottom:5px;
			padding-bottom:5px;
			border-bottom: 1px solid #5c5c5c;
		}
		.affiliation li{ color:#fff; }
		.affiliation li a{color:#fff; }
		.affiliation li a:hover{ color:#007dbe; }
		.affiliation li a.actif{ color:#007dbe; }
		
	.accueil{
		background-image:url(../images/gabarit/menu_accueil.jpg);
		background-repeat:repeat-x; background-color:#0c4d73;
		padding: 15px 0px 15px 15px;
	}
	
	.babillard{ border:none;}
		.babillard h2{ 
			color: #fff;
			font-size:14px;
			font-weight: bold;
			margin-bottom:5px;
			padding-bottom:5px;
			border-bottom: 1px solid #5c5c5c;
		}
		.babillard li{ color:#fff; }
		.babillard li a{ color:#fff;}
		.babillard li a:hover{ color:#007dbe; }
		.babillard li a.actif{ color:#007dbe; }	
/* fin menu */

/* début code pour menu horizontal */
div#menuHori {
	float:left;
	display:inline;
	width:759px;
	height:25px;
	line-height:25px;
	color: #FFF;
	background-image:url(../images/gabarit/menu_fond.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	margin-bottom: 5px;
	margin-left:1px;
}
	div#menuHori ul {
		list-style-type: none;
		color: #0A55A3;
		font-weight: bold;
		margin-bottom: 0px;
	}
		div#menuHori ul li {
			display: inline;
			float:left;
			height:25px;
			position: relative;	
			padding: 0px 7px 0px 7px;
			margin-left:0px;
			border-right: 1px solid #55819f;
		}
		
		div#menuHori ul li.dernier {
			border-right: 0px solid #FFFFFF;
		}
			div#menuHori ul li a {
				text-decoration: none;
				padding: 0px 0px 0px 0px;
				color:#FFF;
				background-image:none;
			}
			
			div#menuHori ul li a:hover {
				color: #FFF;
				text-decoration: underline;
			}
			
				div#menuHori ul li ul {
					margin: 0;
					padding: 0;
					position: absolute;
					left:0px;
					top:25px;
					background-color: #0a263b;
					width: 128px;
					display: none;
					z-index:9999;
				}
				div#menuHori ul li:hover ul,  div#menuHori ul li.over ul{
					display: block;
				}				
					div#menuHori ul li ul li{
						border:none;
					}