/*Menu : CSS base issue du site http://www.6ma.fr/*/

.menu {white-space: nowrap /*IE hack*/; float: left; width: 795px; border: none; color: #fff;}
.menu ul {list-style-type: none; padding: 0; margin: 0 auto;}
.menu ul li {float: left; z-index:1000 /*IE6*/;}
.menu ul li a {float: none !important /*Non-IE6*/; float: left /*IE-6*/; display: block; padding:4px 10px 7px 10px; text-decoration: none; font-weight: bold; color: #fff; font-size: 10px;}
.menu ul li ul {display: none; border: none;}

/*Non-IE6 hovering*/
.menu ul li:hover {position: relative;}
.menu ul li:hover a {background: #FFF; color: #000; text-decoration: none;}
.menu ul li:hover ul {display: block; width: auto; position: absolute; z-index: 999; left: 0;}
.menu ul li:hover ul li a {white-space: normal; display: block; width: 16.0em; height: auto; text-align: left; padding: 5px 8px 5px 8px; font-weight: bold; color: #fff; background: #000; font-size: 10px; border-bottom: solid 1px #FFF;}
.menu ul li:hover ul li a:hover {background: #FFF; text-decoration: none; font-weight: bold; color: #000;}

/*IE6 hovering*/
.menu table {position: absolute; top: 0; left: 0; border-collapse: collapse;}
.menu ul li a:hover {position: relative /*IE hack*/; z-index: 1000 /*IE hack*/; background: #FFF; color: #000; text-decoration: none;}
.menu ul li a:hover ul {display: block; width: 16.0em; position: absolute; z-index: 999; left: 0; top: 2.2em; margin-top:0.3em;}
.menu ul li a:hover ul li a {white-space: normal; display: block; width: 16.0em; height: 1px; text-align: left; padding: 5px 8px 5px 8px; font-weight: bold; color: #fff; background: #000; font-size: 10px; border-bottom: solid 1px #FFF;}
.menu ul li a:hover ul li a:hover {background: #FFF; text-decoration: none; font-weight: bold; color: #000;}