/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
display: inline;
position: relative;
z-index: 1000;
float: left;
padding: 0px 0px 0px 0px;
margin: 4px 0px 5px 0px;
width: 980px;
height: 36px;
background-image: url(bg_degrade_menu.gif);
background-repeat: no-repeat;
background-position: top left;
font-size: large;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#menu ul li{ /* -- supprime la hauteur des li pour IE --*/
display:inline;
}
#menu ul li a:hover,
#menu ul li a.on {
display: block;
}
/*--- LIENS NIVEAU 1 COMMUN ---*/
#menu ul li a {
position: absolute; 
top: 0px;
display: block;
height: 14px;
text-decoration: none;
text-transform: uppercase;
color: #A54A5D;
text-align: center;
text-transform: uppercase;
padding: 6px 10px 16px 10px;
}
#menu ul li a:hover,
#menu ul li.on a,
#menu ul li a.lv1Over{
background-color: #C8A9C0;
color: #FFF;
}
#menu ul li.lien01 a{
left: 12px;
}
#menu ul li.lien02 a{
left: 84px;
}
#menu ul li.lien03 a{
left: 210px;
}
#menu ul li.lien04 a{
left: 345px;
}
#menu ul li.lien05 a{
left: 466px;
}
#menu ul li.lien06 a{
left: 636px;
}
/*-- MENU DEROULANT ---*/
#menu ul li ul,
#menu ul.on li ul.on li ul,
#menu ul.on li ul.on li ul.on li ul,
#menu ul.on li ul.on li ul.on li ul.on li ul{
display:none;
}
#menu ul li.on ul,
#menu ul.on li ul.on li.on ul,
#menu ul.on li ul.on li ul.on li.on ul,
#menu ul.on li ul.on li ul.on li ul.on li.on ul{
display: block;
}
#menu ul li ul {
margin: 45px 0px 10px 5px;
padding: 0px 0px 0px 0px;
width: 145px;
}
#menu ul li ul {
float: left;
margin-bottom: 2px;
}
#menu ul li.lien01 ul li a,
#menu ul li.lien02 ul li a,
#menu ul li.lien03 ul li a,
#menu ul li.lien04 ul li a,
#menu ul li.lien05 ul li a,
#menu ul li.lien06 ul li a{
position: relative;
float: left;
top: 0px; 
left: 0px;
width: 130px;
height: auto;
font-size: .9em;
font-weight:bold;
padding: 0px 5px 0px 10px;
margin: 2px 0px 0px 0px;
text-decoration: none;
text-align: left;
color: #6F4464;
}
#menu ul li.lien01 ul li a:hover,
#menu ul li.lien01 ul li a.on,
#menu ul li.lien01 ul li.on a,
#menu ul li.lien02 ul li a:hover,
#menu ul li.lien02 ul li a.on,
#menu ul li.lien02 ul li.on a,
#menu ul li.lien03 ul li a:hover,
#menu ul li.lien03 ul li a.on,
#menu ul li.lien03 ul li.on a,
#menu ul li.lien04 ul li a:hover,
#menu ul li.lien04 ul li a.on,
#menu ul li.lien04 ul li.on a,
#menu ul li.lien05 ul li a:hover,
#menu ul li.lien05 ul li a.on,
#menu ul li.lien05 ul li.on a,
#menu ul li.lien06 ul li a:hover,
#menu ul li.lien06 ul li a.on,
#menu ul li.lien06 ul li.on a{
color: #A54A5D;
}
#menu ul li.lien01 ul ul li a:hover,
#menu ul li.lien01 ul ul li.on a,
#menu ul li.lien02 ul ul li a:hover,
#menu ul li.lien02 ul ul li.on a,
#menu ul li.lien03 ul ul li a:hover,
#menu ul li.lien03 ul ul li.on a,
#menu ul li.lien04 ul ul li a:hover,
#menu ul li.lien04 ul ul li.on a,
#menu ul li.lien05 ul ul li a:hover,
#menu ul li.lien05 ul ul li.on a,
#menu ul li.lien06 ul ul li a:hover,
#menu ul li.lien06 ul ul li.on a{
margin: 0px 0px 0px 0px;
}
/* --- SOUS MENU  --- */
#menu ul ul ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#menu ul li.lien01 ul ul li a,
#menu ul li.lien01 ul ul.on li a,
#menu ul li.lien02 ul ul li a,
#menu ul li.lien02 ul ul.on li a,
#menu ul li.lien03 ul ul li a,
#menu ul li.lien03 ul ul li a.on,
#menu ul li.lien03 ul ul.on li a,
#menu ul li.lien04 ul ul li a,
#menu ul li.lien04 ul ul.on li a,
#menu ul li.lien05 ul ul li a,
#menu ul li.lien05 ul ul.on li a,
#menu ul li.lien06 ul ul li a,
#menu ul li.lien06 ul ul.on li a{
background: #e8d0e2;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
text-transform: lowercase;
font-size: .8em;
line-height:20px;
width:135px;
color:#6F4464;
font-weight:lighter;
border-bottom: #6F4464 1px dashed;
}
#menu ul li.lien01 ul ul li a:hover,
#menu ul li.lien01 ul ul li.on a,
#menu ul li.lien02 ul ul li a:hover,
#menu ul li.lien02 ul ul li.on a,
#menu ul li.lien03 ul ul li a:hover,
#menu ul li.lien03 ul ul li.on a,
#menu ul li.lien04 ul ul li a:hover,
#menu ul li.lien04 ul ul li.on a{
font-weight:bold;
}
#menu ul ul ul ul{
padding: 5px 0px 0px 0px;
margin: 0px 0px 5px 10px;
}
#menu ul ul ul ul{
padding: 5px 0px 0px 0px;
margin: 0px 0px 5px 10px;
}
#menu ul li.lien01 ul ul ul.on li a,
#menu ul li.lien02 ul ul ul.on li a,
#menu ul li.lien03 ul ul ul.on li a,
#menu ul li.lien04 ul ul ul.on li a{
background: #FFFFFF url(http://museesamadet.org/bgPuceSousMenu01.gif) no-repeat 0px 7px;
}
#menu ul li.lien01 ul ul ul li a.on,
#menu ul li.lien01 ul ul ul li a:hover{
background: url(http://museesamadet.org/bgSousMenu02Lien01.gif) no-repeat 0px 8px;
color: #333333;
}
#menu ul li.lien02 ul ul ul li a.on,
#menu ul li.lien02 ul ul ul li a:hover{
background: url(http://museesamadet.org/bgSousMenu02Lien02.gif) no-repeat 0px 8px;
color: #333333;
}
#menu ul li.lien03 ul ul ul li a.on,
#menu ul li.lien03 ul ul ul li a:hover{
background: url(http://museesamadet.org/bgSousMenu02Lien03.gif) no-repeat 0px 8px;
color: #333333;
}
#menu ul li.lien04 ul ul ul li a.on,
#menu ul li.lien04 ul ul ul li a:hover{
background: url(http://museesamadet.org/bgSousMenu02Lien04.gif) no-repeat 0px 8px;
color: #333333;
}
/* --- SOUS MENU FLIP FLAP  --- */
#menu ul li ul.flip{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LIENS ---*/
li.lien01, .Lien01, .lien01 {
color: #663333;
}
li.lien02, .Lien02, .lien02 {
color: #3366CC;
}
li.lien03, .Lien03, .lien03 {
color: #797979;
}
li.lien04, .Lien04, .lien04 {
color: #FF6600;
}
li.lien05, .Lien05, .lien05 {
color:#CC0000;
}
li.lien06, .Lien06, .lien06 {
color: #FF6600;
}
li.lien07, .Lien07, .lien07 {
color:#FF9900;
}