/*----------------MENU-----------------*/
 /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div.menu {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 185px;
	font-size: 0.8em;
	behavior: url(themes/17/csshover.htc);
}

div.menu ul {
	background-color: #FFF;
	border-right: 1px solid #0f60ab;
	border-left: 1px solid #0f60ab;
	border-top: 1px solid #0f60ab;
	color: #084883;
	padding: 0;
	width: 185px;
	margin: 0px;
}

/*On positionne les elements du menu */
div.menu li {
	background-color: #FFF;
	color: #007bed;
	border-bottom: 1px solid #0f60ab;
	/*height: 18px;*/
	padding-top: 2px;
	/*padding-left: 10px;*/
	position: relative;
	list-style: none;
} 

div.menu li a {
	color: #007bed;
	text-decoration: none; /* plus de soulignement pour les liens */
	padding-left: 10px;
}
div.menu li a:hover {
	color: #c10e0e;
	text-decoration: underline; /* plus de soulignement pour les liens */
}
div.menu li a:visited {
	color: #007bed;
	text-decoration: none; /* plus de soulignement pour les liens */
}
div.menu li a:visited:hover {
	color: #c10e0e;
	text-decoration: underline; /* plus de soulignement pour les liens */
}
div.menu li:hover {
	color: #c10e0e;
	background: #d0dde8;
}

div.menu li.m_1 {}
div.menu li.m_1:hover {}
div.menu li.s_m_1 {background: url(images/right.png) 98% 50% no-repeat;}
div.menu li.s_m_1:hover {background:#d0dde8 url(images/right.png) 98% 50% no-repeat;}
div.menu a.a_m_1 {}
div.menu a.a_m_1:hover {}
div.menu a.a_m_1:visited{}
div.menu a.a_m_1:visited:hover {}

div.menu li.m_2 {}
div.menu li.m_2:hover {}
div.menu li.s_m_2 {background: url(images/right.png) 98% 50% no-repeat;}
div.menu li.s_m_2:hover {background:#d0dde8 url(images/right.png) 98% 50% no-repeat;}
div.menu a.a_m_2 {}
div.menu a.a_m_2:hover {}
div.menu a.a_m_2:visited{}
div.menu a.a_m_2:visited:hover {}

div.menu li.m_3 {}
div.menu li.m_3:hover {}
div.menu li.s_m_3 {background: url(images/right.png) 98% 50% no-repeat;}
div.menu li.s_m_3:hover {background:#d0dde8 url(images/right.png) 98% 50% no-repeat;}
div.menu a.a_m_3 {}
div.menu a.a_m_3:hover {}
div.menu a.a_m_3:visited{}
div.menu a.a_m_3:visited:hover {}

div.menu li.m_4 {}
div.menu li.m_4:hover {}
div.menu li.s_m_4 {background: url(images/right.png) 98% 50% no-repeat;}
div.menu li.s_m_4:hover {background:#d0dde8 url(images/right.png) 98% 50% no-repeat;}
div.menu a.a_m_4 {}
div.menu a.a_m_4:hover {}
div.menu a.a_m_4:visited{}
div.menu a.a_m_4:visited:hover {}

div.menu li.m_5 {}
div.menu li.m_5:hover {}
div.menu li.s_m_5 {background: url(images/right.png) 98% 50% no-repeat;}
div.menu li.s_m_5:hover {background:#d0dde8 url(images/right.png) 98% 50% no-repeat;}
div.menu a.a_m_5 {}
div.menu a.a_m_5:hover {}
div.menu a.a_m_5:visited{}
div.menu a.a_m_5:visited:hover {}

div.menu li.m_6 {}
div.menu li.m_6:hover {}
div.menu li.s_m_6 {background: url(images/right.png) 98% 50% no-repeat;}
div.menu li.s_m_6:hover {background:#d0dde8 url(images/right.png) 98% 50% no-repeat;}
div.menu a.a_m_6 {}
div.menu a.a_m_6:hover {}
div.menu a.a_m_6:visited{}
div.menu a.a_m_6:visited:hover {}


/* fond different au survol de la souris entre les sous-menu et les "basiques"*/

 /*fond jaune pr les sous-menu*/
/*
div.menu li.a_m_1 {
	color: #007bed;
	text-decoration: none;
}
div.menu li.a_m_1:hover {
	color: #c10e0e;
	text-decoration: underline;
}
div.menu li.a_m_1:visited {
	color: #007bed;
	text-decoration: none;
}
div.menu li.a_m_1:visited:hover {
	color: #c10e0e;
	text-decoration: underline;
}
*/

/* On cache tous les sous menu avec la propriété display none */
div.menu ul ul {
	position: absolute;
	top: 3px;
	left: 185px;
	display: none;
}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div.menu ul.n_1 li.s_m_1:hover ul.n_2,
div.menu ul.n_2 li.s_m_2:hover ul.n_3,
div.menu ul.n_3 li.s_m_3:hover ul.n_4,
div.menu ul.n_4 li.s_m_4:hover ul.n_5,
div.menu ul.n_5 li.s_m_5:hover ul.n_6 {
	display:block;
}

/*
Fin de gestion du style de menu
*/