/* CSS Document */
/* ski menu vista créé par aurelien lambert http://www.meteo-mc.fr/ */
/* Boîte principale */
#menu {
	position: relative;
	z-index: 100;
	width: 184px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	padding-bottom: 32px;
	background: URL('http://logiciels.meteo-mc.fr/design/pics/menubord.gif') bottom no-repeat;
}
/* on supprime les proprietés par défaut des listes */
#menu ul, #menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	color:black
}

/* titre du menu */
#menu h3 {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/menubord.gif');
	height: 47px;
	padding-top: 10px;
	text-indent: 30px;
	margin: 0;
	font-size: 14px;
	color:white
}

/* --- MENU PRINCIPAL --- */
#navig {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/menubg.gif');
}
/* permet d'afficher un trait de séparation dans le menu principal */
#navig li.hr, #navig li.hr:hover{
	background: URL('http://logiciels.meteo-mc.fr/design/pics/menuhr.gif') no-repeat;
	height: 6px;
}


/* liens du menu principal */
#navig li a {
	text-decoration: none;
	text-indent: 15px;
	display: block;
	color: white;
	font-weight: bold;
	height: 37px;
	line-height: 37px;
}
/* On gère le rollover sur les liens du menu principal */
#navig li a:hover, #navig li a.fleche:hover, #navig li:hover, #navig li.sfhover a.fleche {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/menuhover.gif');
	border:0;
	color:white;
}
#navig li a.fleche {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/menuarrow.gif') 160px 0 no-repeat;
}
#navig li a.fleche:hover, #navig li.sfhover a.fleche {
	background-position: 0 -37px;
}
/* on supprime le cadre en pointillé lors d'un clic */
#navig li a:focus, #navig li a:active {
	outline: none;
}
/* --- SOUS MENUS --- */
/* premier niveau sous-menu */
#navig li ul {
	margin: -37px 0 0 0;
	background: URL('http://logiciels.meteo-mc.fr/design/pics/smenubg.gif');
	position: absolute;
	left: -999em;
	width: 192px;
	z-index: 100;
	padding: 0;
}
/* autres niveaux sous-menu */
#navig li ul li ul {
	margin: -22px 0 0 0;
	left: 188px;
}
/* permet d'afficher le haut et la bas d'un sous menu */
#navig li ul li.top {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/smenubord.gif') top no-repeat;
}
#navig li ul li.bot {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/smenubord.gif')  0 -22px no-repeat;
	height: 25px;
}
/* permet d'afficher un trait de séparation dans un sous menu */
#navig li ul li.hr, #navig li ul li.hr:hover {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/smenuhr.gif') no-repeat;
	height: 7px;
}
/* Liens des sous-menus */
#navig li ul li a {
	text-decoration: none;
	text-indent: 30px;
	line-height: 22px;
	height: 22px;
	display: block;
	color: black;
	width: 100%
}
/* On gère l'affichage des liens flechés dans chaque sous-menu */
#navig li li a.fleche, #navig li:hover li a.fleche, #navig li.sfhover li a.fleche,  #navig li:hover li:hover li a.fleche, #navig li.sfhover li.sfhover li a.fleche {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/smenuarrow.gif') 175px 0 no-repeat;
	color: black;
}
/* On gère le rollover sur les liens des sous-menus */
#navig li li a:hover, #navig li li a.fleche:hover, #navig li li:hover, #navig li li.sfhover a.fleche, #navig li li li a.fleche:hover {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/smenuhover.gif') no-repeat;
	color:black;
}
/* On décale l'image de fond pour le rollover des liens flèchés des sous-menus */
#navig li li a.fleche:hover, #navig li li.sfhover a.fleche, #navig li li li a.fleche:hover {
	background-position: 0 -22px;
}
/* --- GESTION DE L'AFFICHAGE DES SOUS MENUS AU ROLLOVER --- */
/*tous les sous menus sont cachés par défaut en les affichant hors du champ de vision*/
#navig li:hover ul ul, #navig li:hover ul ul ul, #navig li.sfhover ul ul, #navig li.sfhover ul ul ul {
	left: -999em;
}
/*Affichage du premier niveau de sous-menu*/
#navig li:hover ul, #navig li.sfhover ul {
	left: 175px;
}
/*Affichage des autres niveaux de sous-menus*/
#navig li li:hover ul , #navig li li li:hover ul, #navig li li.sfhover ul, #navig li li li.sfhover ul {
	left: 188px;
}