body {behavior: url(csshover.htc);}

div.mmgauche {
	width: 140px;
	float: left;
	height: 350px;
	background-image:url(../imgs/left_back_800.png);
	background-repeat:no-repeat;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	}

/* fond blanc pour le menu */ 
div.mmgauche a {color:#000000}
div.mmgauche ul {padding: 0; width: 143px; border:none; margin:0px;}
.menuniv2 {background-color: #6699ff;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div.mmgauche li:hover {background: #f3f3f3;}
div.mmgauche li.smenu:hover {background: #f3f3f3; padding: 0px 3px 0px 3px;}

/* Rajout d'une petite fleche pour les sous menu */ 
div.mmgauche li.smenu {background: url(../puces/fleche.gif) 95% 50% no-repeat; margin-bottom: 5px;}
div.mmgauche ul li {position:relative; list-style: none; border-bottom:0px solid;}
div.mmgauche ul ul {position: absolute; top: -1px; left: 140px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 140-(8 de bordure + 8 de padding) =124 */ 
div.mmgauche li a {text-decoration: none; padding: 4px 0 4px 4px; display:block; border-left: 0px solid #BBB; width:140px}
div.mmgauche ul.menuniv1 li.smenu:hover ul.menuniv2, 
div.mmgauche ul.menuniv2 li.smenu:hover ul.menuniv3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div.mmgauche li a:hover {border-left-color: red;}
div.mmgauche ul ul li a:hover {border-left-color: #00FF00;}
div.mmgauche ul ul ul li a:hover {border-left-color: #0000FF;}

/* style plan site*/