﻿/***MENU**/

#TopMenu
{
    margin: 0px;
    padding: 0px;
    width: 825px; /*Pour espace entre menu et sous-menu de 1px fonctionne pour IE 7*/
    margin-bottom: 1px; /****************/
}

#TopMenu li
{
    /*pas nécessaire si le body à ce font-family*/
    font-family: Arial, Helvetica, sans-serif; /****/
    list-style: none;
    margin-right: 1px;
    float: left;
    display: inline; /*Fonctionne pour FireFox*/
    margin-bottom: 1px; /***************/
    background-image: url( "/images/menu/menu_background.jpg" );
    background-position: right bottom;
}



#TopMenu li a
{
    display: block;
    text-align: center;
    text-decoration: none;
    background-position: right bottom;
    font-weight: bold;
    color: white;
    font-size: 11px;
    padding: 0px;
    height: 23px;
    line-height: 22px;
}
#TopMenu li a img
{
    margin-top: 6px;
}



.MenuConcert{background-image: url( "/images/menu/menu_concert_over.jpg" );}
.MenuArtiste{background-image: url( "/images/menu/menu_artiste_over.jpg" );}
.MenuAmi{background-image: url( "/images/menu/menu_ami_over.jpg" );}
.MenuMultimedia{background-image: url( "/images/menu/menu_multimedia_over.jpg" );}
.MenuBoutique{background-image: url( "/images/menu/menu_boutique_over.jpg" );}
.MenuInfo{background-image: url( "/images/menu/menu_info_over.jpg" );}
.MenuMaison{background-image: url( "/images/menu/menu_maison_over.jpg" );}


#MenuConcert{width: 124px;}
#MenuArtiste{width: 76px;}
#MenuAmi{width: 148px;}
#MenuMultimedia{width: 100px;}
#MenuBoutique{width: 82px;}
#MenuInfo{width: 148px;}
#MenuMaison{width: 140px;}


/*Menu sans Multimédia et Maison*/
/*#MenuConcert{width: 172px;}
#MenuArtiste {width: 124px;}
#MenuAmi {width: 196px;}
#MenuBoutique{width: 130px;}
#MenuInfo {width: 197px;}*/

/*Largeur pour les menus anglais*/
.Menu_en #MenuConcert{width: 88px;}
.Menu_en #MenuArtiste{width: 76px;}
.Menu_en #MenuAmi{width: 166px;}
.Menu_en #MenuMultimedia{width: 100px;}
.Menu_en #MenuBoutique{width: 86px;}
.Menu_en #MenuInfo{width: 162px;}
.Menu_en #MenuMaison{width: 140px;}


.SMenu
{
    width: 796px;
    /*margin-bottom : 1px*/
    margin-bottom: 0px;
    font-size: 11px;
    padding: 4px 14px 5px;    
    clear: both; /*pas nécessaire si le body à ce font-family*/
    font-family: Arial, Helvetica, sans-serif; /*****/
}
.SMenu a
{
    text-decoration: none;
    color: black;
}
.SMenu .puce
{
    padding-bottom: 2px;
    padding-right: 10px;
    padding-left: 10px;
}


#SMenuConcert{background-color: #de4f32;display: none;}
#SMenuArtiste{background-color: #e4892d;display: none;}
#SMenuAmi{background-color: #9fcf6d;display: none;text-align: center;}
#SMenuMultimedia{background-color: #e6d71c;text-align: center;display: none;}
#SMenuBoutique{ background-color: #2acec2; text-align: right;display: none;}
#SMenuInfo{ background-color: #40b6ff; text-align: center;display: none;}


/*SousMenu Maison sur 2 étages*/
#SMenuMaison{width:824px;display:none;}			
.SMenuMaison1,.SMenuMaison2{background-color:#f5c338;float:left;height:29px;padding:2px 14px 2px;}	
.SMenuMaison1{width:384px;margin-right:1px}
.SMenuMaison2{width:382px;clear:none;}		
.SMenuMaisonTitre{color:white;font-weight:bold;float:left;padding-right:10px;}

/*SousMenu Maison sur 1 étage*/
/*#SMenuMaison
{
    width: 824px; 
    display: none;  
}
.SMenuMaison1, .SMenuMaison2
{
    background-color: #f5c338;
    float: left;
    text-align: right;
}
.SMenuMaison1
{
    width: 415px;
    margin-right: 1px;
    
}
.SMenuMaison2
{
    width: 352px;    
    clear: none;
}
.SMenuMaisonTitre
{
    color: white;
    font-weight: bold;
    float: left;
    padding-right: 10px;
}*/







/***FOOTER**/

#footer
{
    background-color: #10171b;
    background-image: url(/images/bg_footer.jpg);
    background-repeat: repeat-x;
    height: 500px;
    font-size: 10px;
}

#footer_wrapper
{
    padding-top: 5px;
    width: 985px;
    margin-right: auto;
    margin-left: auto;
}

#footerLinks
{
    margin: 0px;
    padding: 0px;
}

#footerLinks ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#footerLinks li
{
    display: block;
    float: left; /*width:164px;*/
    width: 123px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#footerLinks li a
{
    text-decoration: none;
    color: #b1b8bb;
    display: block;
    padding: 0px 2px;
    background-color: #3e4e57;
}
#footerLinks li a:hover
{
    color: #ffffff;
    background-color: #78838a;
}

#footerLinks dl
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#footerLinks dl.last
{
    /*****Sans Multimedia et Maison*****/ /*width:167px;*/ /*Pour notre ami IE6 c'est 165px voir feuille style fijm_i6.css*/ /*****Avec tous les items du menu*****/
    width: 123px; /*Pour notre ami IE6 c'est 122px voir feuille style fijm_i6.css---à vérifier*/
}

#footerLinks dt, #footerLinks dd
{
    margin: 1px 2px 1px 0px;
}

#footerLinks dt
{
    font-weight: bold;
}

#footerLinks dd.fleche
{
    background-color: transparent;
    margin-top: 3px;
    height: 10px;
    background-image: url(/images/fleche.gif);
    background-repeat: no-repeat;
}


/**CSS pour illuminer la section Actuelle**/

#footerLinks dt.section a, #footerLinks dd.section a
{
    background-color: #78838a;
    color: #ffffff;
}

#footerLinks dt.section a:hover, #footerLinks dd.section a:hover
{
    background-color: #3e4e57;
    color: #b1b8bb;
}




