*
{
margin: 0;
padding: 0
}

/*Pod supérieur de la page (onglet, panier...)*/
div#haut
{
background: url(../images/image_haut2.jpg)  no-repeat ;
width: 966px;
height: 199px;
margin: 0;
margin-top:0px;
padding-top:16px;
}

/*Onglets*/
div#menu_onglets
{
height: 41px;
width: 966px;
font: 10pt "Tahoma", helvetica, sans-serif ;
font-weight: bold;
}

div#menu 
{
margin: 0;
padding: 0;
width: 860px;
margin: 0 auto;
}

#onglet1
{
float: left;
height: 41px;
width: 120px;
text-align: center;
background: url(../images/onglet1.jpg)  no-repeat top left;
display:block;
}

#onglet2
{
float: left;
margin-left: 1px;
height: 41px;
width: 120px;
text-align: center;
background: url(../images/onglet2.jpg)  no-repeat ;
}

#onglet3
{
float: left;
margin-left: 1px;
height: 41px;
width: 120px;
text-align: center;
background: url(../images/onglet3.jpg)  no-repeat ;
}

#onglet4
{
float: left;
margin-left: 1px;
height: 41px;
width: 80px;
padding: 0 20px;
text-align: center;
background: url(../images/onglet4.jpg)  no-repeat ;
}

#onglet5
{
float: left;
margin-left: 1px;
height: 41px;
width: 120px;
text-align: center;
background: url(../images/onglet5.jpg)  no-repeat ;
}

#onglet6
{
float: left;
margin-left: 1px;
height: 41px;
width: 80px;

padding: 0 20px;
text-align: center;
background: url(../images/onglet6.jpg)  no-repeat ;
}

#onglet7
{
float: left;
margin-left: 1px;
height: 41px;
width: 120px;
text-align: center;
background: url(../images/onglet7.jpg)  no-repeat ;
z-index:500;
}

#menu h2 {
font-size: 10pt;
font-weight: bold;
margin-top: 8px;
z-index:500;
}

#menu #onglet2  h2, #menu #onglet4  h2, #menu #onglet6  h2, #menu #onglet7  h2 {
margin-top: 1px;
z-index:500;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:120px;
z-index:500;
}

#menu li{
position:relative;
list-style:none;
z-index:500;
}

#menu li li {
background: url(../images/submenu.gif) 130px 5px no-repeat;
z-index:500;
}

#menu li li li {
background: none;
z-index:500;
}

#menu li li a {
width: 180px;
z-index:500;
}

#menu ul ul{
position:absolute;
z-index:500;
top:40px;
left: 0;
display:none;
background: #ffffff;
text-align:left;
border-left: 1px dotted black;
width: 150px;
}

#menu ul ul ul{
width: 180px;
margin-left: -2px;
z-index:500;
}
#menu #onglet1 ul{
background:#ffc0cb;
z-index:500;
}

#menu #onglet1 li:hover {
background: #e82d50 url(../images/submenu.gif) 130px 5px no-repeat;
z-index:500;
}

#menu #onglet1 li li:hover {
background: #e82d50;
z-index:500;
}

#menu #onglet2 ul{
background: #9dc2ff;
z-index:500;
}

#menu #onglet2 li:hover {
background: #2d73e8 url(../images/submenu.gif) 130px 5px no-repeat;
z-index:500;
}

#menu #onglet2 li li:hover {
background: #2d73e8;
z-index:500;
}

#menu #onglet3 ul{
background: #a9ff98;
z-index:500;
}

#menu #onglet3 li:hover {
background: #2aff00 url(../images/submenu.gif) 130px 5px no-repeat;
z-index:500;
}

#menu #onglet3 li li:hover {
background: #2aff00;
z-index:500;
}

#menu #onglet4 ul{
background: #feff9a;
z-index:500;
}

#menu #onglet4 li:hover {
background: #fcff00 url(../images/submenu.gif) 130px 5px no-repeat;
z-index:500;
}

#menu #onglet4 li li:hover {
background: #fcff00;
z-index:500;
}

#menu #onglet5 ul{
background: #ffc083;
}

#menu #onglet5 li:hover {
background: #ff7e00 url(../images/submenu.gif) 130px 5px no-repeat;
}

#menu #onglet5 li li:hover {
background: #ff7e00;
}

#menu #onglet6 ul{
background: #f2aefe;
}

#menu #onglet6 li:hover {
background: #bf00e1 url(../images/submenu.gif) 130px 5px no-repeat;
}

#menu #onglet6 li li:hover {
background: #bf00e1;
}

#menu #onglet7 ul{
background: #fe5151;
}

#menu #onglet7 li:hover {
background: #a50505 url(../images/submenu.gif) 130px 5px no-repeat;
}

#menu #onglet7 li li:hover {
background: #a50505;
}

#menu ul ul ul{
top:0;
left:100%;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover li{
height: 20px;
font-size: 10px;
font-weight: normal;
}

div#menu li li:hover, 
div#menu li li li:hover,
div#menu li li li li:hover,
div#menu li li li li li:hover{
height: 20px;
background:#ededed;
font-size: 10px;
font-weight: normal;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

#menu a, #menu a:visited, #menu a:hover, #menu a:active {
font-weight:normal;
color:#000000;
text-decoration:none;
}

/**** Correction d'un bug sous IE ****/
#menu li#onglet4, #menu li#onglet6 {
width:80px;
}