body {behavior: url(csshover.htc);}
/*on enleve la restriction de taille du menu*/
div#menu {/*width: 100px;*/font-size:0.9em;font-weight:bolder;}
div#menu li.pres a, div#menu li.serv a, div#menu li.prod a, div#menu li.contact a{
	color: #FFFFFF;
	width:140px;
	height:26px;
	line-height:26px;
	display:block;
	text-decoration:none;
	text-align:center;
}
div#menu li.pres :hover, div#menu li.serv :hover, div#menu li.prod :hover, div#menu li.contact :hover{
	color: #FF0000;	
	background: url(../img/fond/bouton-menu-hover.png) center no-repeat;
}
/* on enleve la taille de ul et labordure*/
div#menu ul {padding: 0;margin:0;}


/* float left pour les li afin d'aligner le menu et plus de bordures*/
div#menu ul li {position:relative;list-style: none;float:left;z-index:92;}

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
div#menu ul ul {position: absolute; top: 0px; display:none; width:auto;z-index:92;}

/* plus de bordure et taille remise a 100px*/
/*div#menu li a {text-decoration: none; display:block;}*/

.pres, .serv, .prod, .contact{
	width:140px;
	height:26px;
	margin-left:1px;
	background: url(../img/fond/bouton-menu.png) center no-repeat;
}

div#menu ul.niveau2{
	margin-top: 26px;
}
div#menu ul.niveau2 li a{
	width: 140px;
	height: 25px;
	line-height: 25px;
	display:block;
	text-decoration:none;
	color: #FFFFFF;
	font-size:0.9em;
	background: #333333;
}
div#menu ul.niveau2 li a:hover{
	color: #FFFFFF;
	background: #FF0000;
}
/*div#menu ul.niveau2 li {width: 135px;}*/
div#menu ul.niveau1 li.serv:hover ul.niveau2, div#menu ul.niveau1 li.pres:hover ul.niveau2{width:130px;display:block;/*empêche le déclage du sous-menu sous ie7*/}