body {behavior: url(./csshover.htc);}
/*on enleve la restriction de taille du menu*/

div#menu a {color: #333333;height:21px;line-height:22px;}
/* on enleve la taille de ul et labordure*/
div#menu ul {padding: 0;/* width: 100px; border:1px solid;*/ margin:0px;}
div#menu li:hover {}
div#menu li.sousmenu:hover {}


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

/* 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: -1px; left: 100px; */display:none; width:auto;z-index:130;}

/* plus de bordure et taille remise a 100px*/
div#menu li a {text-decoration: none; padding: 4px 0 4px 0/*8px*/; display:block; /*border-left: 8px solid #BBB; */}
div#menu li a:hover {color:#FFF;}
.accueil-menu{width:100px;text-align:center;}
.presentation-menu,
.produit-menu,
.point-vente-menu,
.abattoir-menu,
.recette-menu,
.publicite-menu,
.contact-menu{width:97px;text-align:center;font-size:0.9em;}


div#menu ul.niveau2 li a{margin-left:-40px;padding-left:10px;color: #FFFFFF;font-size:0.9em; background: url(../img/fond/menu-hover.png) repeat-y;/*background:url(img/fond/menu-ouvert.png) repeat*/}
div#menu ul.niveau2 li a:hover{color: #FFFFFF; background: url(../img/fond/menu-hover-li.png) repeat-y;/*margin-left:-10px;*//*padding-left:10px;*//*background:url(img/fond/menu-ouvert.png) repeat*/}
div#menu li.produit-menu:hover, div#menu li.abattoir-menu:hover {}
div#menu li.produit-menu, div#menu li.abattoir-menu {}
div#menu ul.niveau2 li {width: 221px;margin-left:10px;font-size:1.2em;text-align:left;}
div#menu ul.niveau1 li.produit-menu:hover ul.niveau2,
div#menu ul.niveau1 li.abattoir-menu:hover ul.niveau2{width:200px;display:block;/*empêche le déclage du sous-menu sous ie7*/}