/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
width:194px;
float:left;
background:url(bg_degrade_menu.jpg) repeat-y top left;
background-color:#FFF;
margin: 0px 10px 0px 19px;
padding:0px;
display:inline;
}

/* -- supprime la hauteur des li pour IE sinon on a une hauteur qui se rajoute à l'hover --*/
#menu ul li{ 
display:inline;
}
/*ajoute*/
#menu ul li a:hover,
#menu ul li.on a,
#menu ul li a.lv1Over {
display: block;
background-repeat: no-repeat;
background-position:left bottom;
}

/* tous les listes imbriquées ou non dans des li sont invisibles*/
#menu ul li ul {
display:none;
padding-bottom:0px;
background-image:none;
}
/*toutes les listes qui sont .on sont visibles*/
#menu ul li ul.on {
display: block;
}
#menu ul{
/*border:1px #000 solid;*/
width:194px;
list-style:none;
margin: 0px;
padding-bottom:30px;
background:url(menu_bas.jpg) no-repeat bottom left;
}
#menu ul li {
padding:4px 0px 4px 0px;
margin: 0px;
font-size: medium;
position: relative;
z-index: 9999999;
}
/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*DECOUVRIR*/
/*01*/
#menu ul li.decouvrir{
background-image:none;
width:194px;
padding:0px;
margin: 0px 0px 0px 0px;
border-bottom:10px #FFFFFF solid;
}
#menu ul li.decouvrir a{
padding: 0px;
display:block;
height:60px;
background-image:url(menu_decouvrir_lannion.gif);
background-position:left top;
background-repeat:no-repeat;
}
#menu ul li.discovery a{
background-image:url(menu_discovery_lannion.gif);
background-position:left top;
background-repeat:no-repeat;
}
#menu ul li  a{
border-bottom: 1px #FFFFFF solid;
}
#menu ul li.decouvrir a:hover,
#menu ul li.decouvrir_on a,
#menu ul li.decouvrir a.lv1Over {
display:block;
background-image:url(menu_decouvrir_lannion.gif);
background-position:left bottom;
background-repeat:no-repeat;
} 
#menu ul li.discovery a:hover,
#menu ul li.discovery_on a,
#menu ul li.discovery a.lv1Over {
display:block;
background-image:url(menu_discovery_lannion.gif);
background-position:left bottom;
background-repeat:no-repeat;
} 



#menu ul li.decouvrir a span{
position: absolute;
top: -5000px;
}
/*02*/
#menu ul li.decouvrir ul li a span,
#menu ul li.discovery ul li a span{
position: relative;
top: 0px;
}
#menu ul li.decouvrir_on ul li,
#menu ul li.discovery_on ul li {
border-bottom: none;
}
#menu ul li.decouvrir_on ul li a,
#menu ul li.discovery_on ul li a {
height:auto;
}
#menu ul li.lien_accueil {
background-image: none;
}
#menu ul li a {
padding: 2px 0px 2px 0px;
width:194px;
color:#FFF;
text-decoration:none;
display: block;
color: #FFFFFF;
}
/*couleur arriere plan au rollover et au lien matché*/
#menu ul li a:hover,
#menu ul li.lien01_on a,
#menu ul li.lien01 a.lv1Over {
display: block;
color: #ffffff;
background-color:#004D8E;
}
#menu ul li a span {
display:block;
padding:5px 5px 5px 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  NIVEAU 2  --*/

#menu ul li ul li a{
border-bottom: 1px #FFFFFF none;
}
#menu ul li.on ul{
background-color:#38A4DB;
}
#menu ul li.on ul li {
background-image: none;
padding:0px 0px 0px 0px;
font-size: small;
}
#menu ul li.on ul li a {
padding: 0px 10px 0px 15px;
width:169px;
text-decoration:none;
display: block;
}
#menu ul li.on ul li a:hover,
#menu ul li.on ul li.on a {
background-image:url(puce_sous_rub_bleu_clair.gif);
background-repeat: no-repeat;
background-position: 8px -79px;
font-weight:bold;
background-color:transparent;
}
#menu ul li.on ul li.on a {
font-weight:bold;
}
#menu ul li.on ul li a {
background-image:url(puce_sous_rub_bleu_fonce.gif);
background-repeat: no-repeat;
background-position: 8px 10px;
}
#menu ul li.lien01 ul.on li.level3 a{
background-image: url(puce_menu_flip_flap_level3_v2.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--  NIVEAU 3  --*/
#menu ul li.on ul li.on ul li {
background-image: none;
padding:0px 0px 0px 0px;
font-size: small;
}
#menu ul li.on ul li.on ul li a {
padding: 0px 0px 0px 30px;
width:164px;
text-decoration:none;
background-color: transparent;
display: block;
color: #FFFFFF;
font-weight:normal;
}
#menu ul li.on ul li.on ul li a:hover {
background-image:url(puce_sous_rub_bleu_clair.gif);
background-repeat: no-repeat;
background-position: 20px -82px;
font-weight:bold;
font-size: small;
}
#menu ul li.on ul li.on ul li a {
background-image:url(puce_sous_rub_bleu_clair.gif);
background-repeat: no-repeat;
background-position: 20px 7px;
}
#menu ul li.on ul li.on ul li.on a,
#menu ul li.on ul li.on ul li.on a:hover{
font-weight:bold;
background-image:url(puce_sous_rub.gif);
background-repeat: no-repeat;
background-position: 20px -84px;
color: #004D8E;
}






/*correction*/
#menu ul li.lien01 ul li.level3 a.on,
#menu ul li.lien01 ul li.level3 a{
background-image:url(puce_sous_rub.gif);
background-repeat: no-repeat;
background-position: 5px -80px;
}
#menu ul li.lien01 ul li.level3 a.on{
color: #004D8E;
}

/*probleme image*/
#menu ul li.lien01 ul li.level3_on a{
background-image:none;
background-repeat: no-repeat;
background-position: 100px -80px;
}
/*correction*/
#menu ul li.lien01 ul li.level3 ul.on a{
background-image:url(puce_sous_rub.gif);
background-repeat: no-repeat;
background-position: 20px -80px; 
}
/*correction*/
#menu ul li.lien01 ul li.level3 ul.on a:hover{
background-image:url(puce_sous_rub.gif);
background-repeat: no-repeat;
background-position: 20px -80px; 
}






/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU FLIP FLAP ---*/
#menu ul li ul.flip,
#menu ul li.decouvrir ul.flip{
width:194px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:absolute;
top: 0px;
left: 0px;
z-index: 9999999;
left:194px;
display:block;
background-color: transparent;
background-image: url(bg_bas_menu_flip_flap.gif);
background-position: bottom left;
padding-bottom: 20px;
}
#menu ul li.decouvrir ul.flip{
top:-43px !important;
top:0px;
}

#menu ul li.decouvrir ul.flip ul{
top:0px !important;
top:0px;
}

#menu ul li ul.flip{
top:-15px !important;
top:4px;
}

#menu ul li ul.flip ul{
top:0px !important;
top:-4px;
}
#menu ul li ul.flip li{
display: block;
/*permet d'eviter les hauteur supplementaires sous les li dans IE6*/
float:left;
background-color: #004d8E;
}
#menu ul li ul.flip li ul{
top:0px;
}


/*deblocage 3eme niveau*/
/*#menu ul li ul.flip ul,
#menu ul li.on ul.flip,
#menu ul li.decouvrir ul.flip ul {
display:none;
}*/
#menu ul li ul.flip li,
#menu ul li.decouvrir ul.flip li {
font-size: small;
padding:0px 0px 0px 0px;
margin: 0px;
background-image: none;
background-color:#004D8E;
}
#menu ul li ul.flip li a,
#menu ul li.decouvrir ul.flip li a {
padding: 0px 10px 0px 15px;
width:169px;
text-decoration:none;
display: block;
color: #FFFFFF;
background-image:url(puce_menu_flip_flap.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
height: auto;
}
#menu ul li ul.flip li a:hover,
 ul li.decouvrir ul.flip li a:hover{
padding: 0px 10px 0px 15px;
width:169px;
text-decoration:none;
display: block;
background-image:url(puce_menu_flip_flap.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
height: auto;
background-color:#F24280;
}
/*--------------------------------------------------------------------------------------------------------------*/

#menu ul li ul.flip li.level3 a {
background-image: url(puce_menu_flip_flap_level3_v2.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
}
#menu ul li ul.flip li.level3 a:hover {
background-image: url(puce_menu_flip_flap_level3_v2.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
background-color:#F24280;
}
#menu ul li ul.flip li.level3 ul li a {
background-image: url(puce_menu_flip_flap_v2.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
}
#menu ul li ul.flip li.level3 ul li a:hover {
background-image: url(puce_menu_flip_flap_v2.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
}
/*correction*/
#menu ul li.lien01 ul li.level3 ul.flip li a{
background-image: url(puce_menu_flip_flap_v2.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
}
/*correction*/
#menu ul li.lien01 ul li.level3 ul.flip li a:hover{
background-image: url(puce_menu_flip_flap_v2.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
background-color:#38A4DB;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}