body {behavior: url(http://www.autocopro.com/styles/csshover.htc);}
/* http://www.tuto-fr.com/tutoriaux/menu-deroulant-css/mise_en_page_5.php
  on enleve la restriction de taille du menu*/
div#menu {/*width: 100px;*/}
div#menu {position:absolute; top:110px; left:100px;font-family: arial, sans-serif;font-size:11px; z-index:9999; }
div#menu a {color:#000000}
div#menu a:hover {color:#FFF}
/* on enleve la taille de ul et labordure*/
div#menu ul {padding: 0;/* width: 100px; border:1px solid;*/ margin:0px; /*background: white*/}
/*
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat;}
*/ 
/* 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;}

/* 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:130px}
/* plus de bordure et taille remise a 100*/
div#menu li a {text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; */width:130px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;padding-left:20px}

/*Il faut decaller les soussous menu de la taille du sous menu */
div#menu ul.niveau3 {top:0; left: 130px;}

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

div#menu ul.niveau1 li a {text-align:center;color:#000;background: url(http://www.autocopro.com/images/css/default/menu.png) no-repeat top left}
div#menu ul.niveau1 li a:hover {text-align:center; color:#fff; background:#36f;background: url(http://www.autocopro.com/images/css/default/menu-over.png) no-repeat top left;}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 li a {clear: both; display:block; background:#ddd; color:#fff; text-align:left; padding-left:20px;background: url(http://www.autocopro.com/images/css/default/sous-menu.gif) no-repeat top left;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 li a:hover {background:#6fc; color:#fff;text-align:left;background: url(http://www.autocopro.com/images/css/default/sous-menu-over.gif) no-repeat top left;}

div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 li a {color:#000;background: url(http://www.autocopro.com/images/css/default/menu.png) no-repeat top left}
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 li a:hover {color:#fff; background:#36f;background: url(http://www.autocopro.com/images/css/default/menu-over.png) no-repeat top left;}
.finmenu ul li a, .finmenu ul li a:visited  {text-align:center;color:#000;background: url(http://www.autocopro.com/images/css/default/fin-menu.png) no-repeat top left}
.finmenu ul li a:hover { color:#fff; text-align:center; background:#36f; background: url(http://www.autocopro.com/images/css/default/fin-menu-over.png) no-repeat top left}
.menu0 {position:absolute; top:0px; left:190px;}
.menu1 {position:absolute; top:0px; left:290px;}
.menu2 {position:absolute; top:0px; left:390px;}
.finmenu {position:absolute; top:0px; left:490px;}