

/***** General formatting only ****/
/**************** menu coding *****************/
#menu2 {
width: 100%;
background: #D3D3D4;
float: left;
}

#menu2 ul {
list-style: none;
margin: 0;
padding: 0;
width: 11.6em;
float: left;
}

#menu2 a, #menu2 h2 {
font: normal 13px/15px "trebuchet ms",verdana,arial;
display: block;
border-width: 1px;
border-style: solid;
border-color: #fff;
margin: 0;
padding: 0px 0px;
}


#menu2 h2 {
text-align:center;
color: #fff;
background: #fff;
text-transform: uppercase;
}

#menu2 a {
color: #AAAAAA;
padding-left:16px;
text-decoration: none;
width:128px;
font-weight : normal;
}

#menu2 a:hover {
color: #6A6A6A;

}

#menu2 li {position: relative;}

#menu2 ul ul {
position: absolute;
z-index: 500;
background: url(../img/ombre_menu.png) no-repeat bottom;
padding-bottom:20px;
}

#menu2 ul ul ul {
position: absolute;
top: 0;
left: 100%;

}

div#menu2 ul li iframe.element,
div#menu2 ul ul,
div#menu2 ul li:hover ul ul,
div#menu2 ul ul li:hover ul ul
{display: none;}

div#menu2 ul li:hover iframe.element,
div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block;}

 /**/
 
 /***** General formatting only ****/

/**************** menu coding navgauche *****************/
#menu {
width: 173px;;
/*background: #fff;*/
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: normal 13px/15px "trebuchet ms",verdana,arial;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 0px;
}

#menu a {
  padding-right : 8px;
}

#menu h2 {
color: #fff;
/*background: #000;*/
text-transform: uppercase;
}

#menu a {
color: #AAAAAA;
/*background: #fff;*/
text-decoration: none;
}

#menu a:hover {
color: #6A6A6A;
/*background: #fff;*/
}

#menu li {
position: relative;
}

#menu ul ul ul {
/*background:#fff;*/
position: absolute;z-index: 600;
top: -15px;
left: 100%;
width: 100%;
width:160px;
background: url(../img/ombre_menu_gauche.png) no-repeat bottom;
padding-top:10px;
padding-bottom:20px;
}


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

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
 
div#menu ul ul ul .navg1 {background: url(../img/puce_1.gif) no-repeat;padding-left:15px;}
div#menu ul ul ul .navg2 {background: url(../img/puce_2.gif) no-repeat;padding-left:15px;}
div#menu ul ul ul .navg3 {background: url(../img/puce_3.gif) no-repeat;padding-left:15px;}
div#menu ul ul ul .navg4 {background: url(../img/puce_4.gif) no-repeat;padding-left:15px;}
div#menu ul ul ul .navg5 {background: url(../img/puce_5.gif) no-repeat;padding-left:15px;}
div#menu ul ul ul .navg6 {background: url(../img/puce_6.gif) no-repeat;padding-left:15px;}


