/* =====================================================================
 * --------------      styles for horizontal menu      -----------------
 * ===================================================================== */
/* Horizontal menu : for menu-main */

ul#menu-principal .menu_2 {
        background-image: url(../images/local/skin/menu/menu_2.jpg);
        background-repeat: no-repeat;
}

ul#menu-principal .menu_2 ul{
        background-color:#89002c;
}

ul#menu-principal .menu_4 {
        background-image: url(../images/local/skin/menu/menu_4.jpg);
        background-repeat: no-repeat;
}

ul#menu-principal .menu_4 ul{
        background-color:#9f056e;
}

ul#menu-principal .menu_5 {
        background-image: url(../images/local/skin/menu/menu_5.jpg);
        background-repeat: no-repeat;
}

ul#menu-principal .menu_5 ul{
        background-color:#b36000;
}

ul#menu-principal .menu_6 {
        background-image: url(../images/local/skin/menu/menu_6.jpg);
        background-repeat: no-repeat;
}

ul#menu-principal .menu_6 ul{
        background-color:#63761d;
}

ul#menu-principal .menu_7 {
        background-image: url(../images/local/skin/menu/menu_7.jpg);
        background-repeat: no-repeat;
}

ul#menu-principal .menu_7 ul{
        background-color:#62007b;
}

ul#menu-principal .menu_8 {
        background-image: url(../images/local/skin/menu/menu_8.jpg);
        background-repeat: no-repeat;
}

ul#menu-principal .menu_8 ul{
        background-color:#167498;
}

.bandeau div{
	float: left;
	display: block;
}


#menu-main {
	width: 480px;
	float: left;
	display: block;
	z-index: 8;
}

ul#menu-principal li ul{
    display:none;
}

ul#menu-principal li:hover>ul{
    display:block;
    width: 160px 
}

ul#menu-principal{
    margin:0px;
    padding:0px;
    list-style:none;
    display: block;
    width:100%;
    background:#8a002d;
    float:left;
    z-index: 8;
    /*font:0.7em Arial;*/
}

ul#menu-principal li{
    margin: 0;
    padding: 0;
    float:left;
    display:block;
    height:120px;
    width: 80px;
    z-index: 8;
}

ul#menu-principal li.first{
}

ul#menu-principal li.last{
}

ul#menu-principal li a{
    display:block;
    z-index: 8;
    /*border:1px solid #CCCCCC;*/
    color:White;
    text-decoration:none;
}

ul#menu-principal ul{
    position:relative;
    _position: absolute;
    list-style:none;
    margin:0px;
    padding:0px;
    width:160px;
    z-index:8;
    border: 1px solid #ffffff;
}

ul#menu-principal ul ul{
    position: absolute;
    top:0px;
    left:155px;
    z-index:2;
    z-index:8;
}

ul#menu-principal ul li{
    position:relative;
    float:none;
    background-image:none;
    margin:0px;
    padding:0px;
    _display:inline;
    height: auto;
    width: auto;
    z-index:8;
    border-bottom: 1px solid #ffffff;
}

ul#menu-principal ul li a{
    display:block;
    margin:0px;
    padding:0px;
    width:160px;
    border:none;
    z-index:8;
}
ul#menu-principal ul li a span{
    display:block;
    width:144px;
    _width:156px;
    padding: 0 0 0 10px;
    margin: 2px 2px;
    border:none;
    font-size: 12px;
    cursor: pointer;
    cursor:hand;
    z-index:8;
}

ul#menu-principal ul li.first{
    padding-left:0px;
    border-top: none;
}

ul#menu-principal ul li.first a{
    padding-top:2px;
}

ul#menu-principal ul li.last{
    padding-right:0px;
    border-bottom: none;
}

ul#menu-principal ul li.last a{
    padding-bottom:2px;
}

ul#menu-principal li span{
    display: none;
}

ul#menu-principal li a{
    height: 100%;
}