/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	list-style-type:none; 
	padding:0; 
	margin:0; 	
	width: 180px !important;
	width /**/:182px;
 	position:absolute; 
	top:0px; 
	left:0; 
/*	border:1px solid;
	border-width:0 1px 1px; 
	border-color:transparent; */
	z-index:100;}
#menu ul {
	list-style-type:none;
	margin:0;
	width:180px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu li {
	float:left; 
	position:relative; 
	/*border-top:1px solid transparent;*/
	margin-top:0px;
	}
#menu li {
	display:block; 
	color:#fff; 
	font-family:arial, sans-serif; 
	font-size:11px; 
	line-height:25px; 
	width:180px; 
	text-decoration:none;  
	cursor:pointer; 
	font-weight:bold; 
	text-indent:30px;
	}
#menu li a {
	text-decoration: none;
	color: #FFF;
	outline: none;}	
#menu li.click ul li,
#menu li.click ul li.hover ul li {color:#DDD;}
#menu li.click ul li a {
	text-decoration: none;
	color: #555;
	outline: none;}
#menu li.click ul li.hover, 
#menu li.click ul li.hover ul li.hover {color:#FFF;} 
#menu li.click ul li.hover a {
	text-decoration: none;
	color: #FFF;
	outline: none;}

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul {display:none;}
#menu li.click ul {display:block;}
#menu li.click ul li.hover ul { /* terzo livello base */
	display:block; 
	position:absolute; 
	width:280px;
	left:180px; 
	top:0px; 
	z-index:1000; }
#menu li.click ul li.hover ul li {
	background-image: url(../graph/tarns.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:8px;
	width:280px;}        /* terzo livello base */
#menu li.click ul li.hover ul li a {
	text-decoration: none;
	color: #DDD;
	outline: none;
	z-index:1000;}
#menu li.click ul li.hover ul li.hover {
	background-image: url(../graph/tarns.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFF;
	z-index:1000; }  /* terzo livello hover */
#menu li.click ul li.hover ul li.hover a {
	text-decoration: none;
	color: #FFF;
	outline: none;}
#menu #m1 {background-image: url(../graph/mlev1/Bouton_Virgile_formation_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m1.hover {background-image: url(../graph/mlev1/Bouton_Virgile_formation_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m2 {background-image: url(../graph/mlev1/Bouton_Formation_proposees_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m2.hover {background-image: url(../graph/mlev1/Bouton_Formation_proposees_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m3 {background-image: url(../graph/mlev1/Bouton_Seances_info_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m3.hover {background-image: url(../graph/mlev1/Bouton_Seances_info_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m4 {background-image: url(../graph/mlev1/Bouton_Lieux_de_cours_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m4.hover {background-image: url(../graph/mlev1/Bouton_Lieux_de_cours_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m5 {background-image: url(../graph/mlev1/Bouton_Espace_etudiants_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m5.hover {background-image: url(../graph/mlev1/Bouton_Espace_etudiants_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m6 {background-image: url(../graph/mlev1/Bouton_Offres_entreprise_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m6.hover {background-image: url(../graph/mlev1/Bouton_Offres_entreprise_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m7 {background-image: url(../graph/mlev1/Bouton_Documentation_online_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m7.hover {background-image: url(../graph/mlev1/Bouton_Documentation_online_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m10 {background-image: url(../graph/mlev2/Bouton_Historique_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m10.hover {background-image: url(../graph/mlev2/Bouton_Historique_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m11 {background-image: url(../graph/mlev2/Bouton_Fondation_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m11.hover {background-image: url(../graph/mlev2/Bouton_Fondation_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m12 {background-image: url(../graph/mlev2/Bouton_Charte_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m12.hover {background-image: url(../graph/mlev2/Bouton_Charte_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m13 {background-image: url(../graph/mlev2/Bouton_label_eduqua_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m13.hover {background-image: url(../graph/mlev2/Bouton_label_eduqua_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m14 {background-image: url(../graph/mlev2/Bouton_Comptabilite_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m14.hover {background-image: url(../graph/mlev2/Bouton_Comptabilite_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m15 {background-image: url(../graph/mlev2/Bouton_Controlling_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m15.hover {background-image: url(../graph/mlev2/Bouton_Controlling_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m16 {background-image: url(../graph/mlev2/Bouton_Ecole_superieure_ESE_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m16.hover {background-image: url(../graph/mlev2/Bouton_Ecole_superieure_ESE_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m17 {background-image: url(../graph/mlev2/Bouton_Langues_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m17.hover {background-image: url(../graph/mlev2/Bouton_Langues_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m17a {background-image: url(../graph/mlev2/Bouton_Langues_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m17a.hover {background-image: url(../graph/mlev2/Bouton_Langues_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m17b {background-image: url(../graph/mlev2/Bouton_Langues_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m17b.hover {background-image: url(../graph/mlev2/Bouton_Langues_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m17c {background-image: url(../graph/mlev2/Bouton_Langues_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m17c.hover {background-image: url(../graph/mlev2/Bouton_Langues_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m17d {background-image: url(../graph/mlev2/Bouton_Langues_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m17d.hover {background-image: url(../graph/mlev2/Bouton_Langues_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m18 {background-image: url(../graph/mlev2/Bouton_Informatique_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m18.hover {background-image: url(../graph/mlev2/Bouton_Informatique_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;} 
#menu #m19 {background-image: url(../graph/mlev2/Bouton_Plan_global_des_cours_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m19.hover {background-image: url(../graph/mlev2/Bouton_Plan_global_des_cours_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m20 {background-image: url(../graph/mlev2/Bouton_Vevey_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m20.hover {background-image: url(../graph/mlev2/Bouton_Vevey_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m21 {background-image: url(../graph/mlev2/Bouton_Lausanne_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m21.hover {background-image: url(../graph/mlev2/Bouton_Lausanne_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m22 {background-image: url(../graph/mlev2/Bouton_Geneve_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m22.hover {background-image: url(../graph/mlev2/Bouton_Geneve_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m23 {background-image: url(../graph/mlev2/Bouton_Sion_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m23.hover {background-image: url(../graph/mlev2/Bouton_Sion_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m24 {background-image: url(../graph/mlev2/Bouton_Conditions_generales_NORMAL.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
#menu #m24.hover {background-image: url(../graph/mlev2/Bouton_Conditions_generales_ON.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
	
#menu #m401, #menu #m402, #menu #m403, #menu #m404, #menu #m405, #menu #m406, #menu #m407, #menu #m408, #menu #m409, #menu #m410, #menu #m411, #menu #m412, #menu #m413, #menu #m414, #menu #m415, #menu #m416, #menu #m417, #menu #m418, #menu #m419, #menu #m420 {
	background-image: url(../graph/mlev3/Bouton_Comptabilite_NORMAL.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
#menu #m401.hover, #menu #m402.hover, #menu #m403.hover, #menu #m404.hover, #menu #m405.hover, #menu #m406.hover, #menu #m407.hover, #menu #m408.hover, #menu #m409.hover, #menu #m410.hover, #menu #m411.hover, #menu #m412.hover, #menu #m413.hover, #menu #m414.hover, #menu #m415.hover, #menu #m416.hover, #menu #m417.hover, #menu #m418.hover, #menu #m419.hover, #menu #m420.hover {
	background-image: url(../graph/mlev3/Bouton_Comptabilite_ON.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
	
#menu #m431, #menu #m432, #menu #m433, #menu #m434, #menu #m435, #menu #m436, #menu #m437, #menu #m438, #menu #m439, #menu #m440, #menu #m441, #menu #m442, #menu #m443, #menu #m444, #menu #m445, #menu #m446, #menu #m447, #menu #m448, #menu #m449, #menu #m450 {
	background-image: url(../graph/mlev3/Bouton_Controlling_NORMAL.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
#menu #m431.hover, #menu #m432.hover, #menu #m433.hover, #menu #m434.hover, #menu #m435.hover, #menu #m436.hover, #menu #m437.hover, #menu #m438.hover, #menu #m439.hover, #menu #m440.hover, #menu #m441.hover, #menu #m442.hover, #menu #m443.hover, #menu #m444.hover, #menu #m445.hover, #menu #m446.hover, #menu #m447.hover, #menu #m448.hover, #menu #m449.hover, #menu #m450.hover {
	background-image: url(../graph/mlev3/Bouton_Controlling_ON.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
	
#menu #m461, #menu #m462, #menu #m463, #menu #m464, #menu #m465, #menu #m466, #menu #m467, #menu #m468, #menu #m469, #menu #m470, #menu #m471, #menu #m472, #menu #m473, #menu #m474, #menu #m475 {
	background-image: url(../graph/mlev3/Bouton_Informatique_NORMAL.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
#menu #m461.hover, #menu #m462.hover, #menu #m463.hover, #menu #m464.hover, #menu #m465.hover, #menu #m466.hover, #menu #m467.hover, #menu #m468.hover, #menu #m469.hover, #menu #m470.hover, #menu #m471.hover, #menu #m472.hover, #menu #m473.hover, #menu #m474.hover, #menu #m475.hover {
	background-image: url(../graph/mlev3/Bouton_Informatique_ON.png);
	background-repeat: repeat-x;
	background-position: left 1px;}


#menu #m317, #menu #m318, #menu #m319, #menu #m320, #menu #m321, #menu #m322, #menu #m323, #menu #m324, #menu #m325, #menu #m326, #menu #m327, #menu #m328, #menu #m329 {
	background-image: url(../graph/mlev3/Bouton_Langues_NORMAL.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
#menu #m330, #menu #m331, #menu #m332, #menu #m333, #menu #m334, #menu #m335, #menu #m336, #menu #m337, #menu #m338, #menu #m339, #menu #m340, #menu #m341, #menu #m342 {
	background-image: url(../graph/mlev3/Bouton_Langues_NORMAL.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
#menu #m343, #menu #m344, #menu #m345, #menu #m346, #menu #m347, #menu #m348, #menu #m349, #menu #m350, #menu #m351, #menu #m352, #menu #m353 {
	background-image: url(../graph/mlev3/Bouton_Langues_NORMAL.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
#menu #m317.hover, #menu #m318.hover, #menu #m319.hover, #menu #m320.hover, #menu #m321.hover, #menu #m322.hover, #menu #m323.hover, #menu #m324.hover, #menu #m325.hover, #menu #m326.hover, #menu #m327.hover, #menu #m328.hover, #menu #m329.hover {
	background-image: url(../graph/mlev3/Bouton_Langues_ON.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
#menu #m330.hover, #menu #m331.hover, #menu #m332.hover, #menu #m333.hover, #menu #m334.hover, #menu #m335.hover, #menu #m336.hover, #menu #m337.hover, #menu #m338.hover, #menu #m339.hover, #menu #m340.hover, #menu #m341.hover, #menu #m342.hover {
	background-image: url(../graph/mlev3/Bouton_Langues_ON.png);
	background-repeat: repeat-x;
	background-position: left 1px;}
#menu #m343.hover, #menu #m344.hover, #menu #m345.hover, #menu #m346.hover, #menu #m347.hover, #menu #m348.hover, #menu #m349.hover, #menu #m350.hover, #menu #m351.hover, #menu #m352.hover, #menu #m353.hover  {
	background-image: url(../graph/mlev3/Bouton_Langues_ON.png);
	background-repeat: repeat-x;
	background-position: left 1px;}