@charset "utf-8";
/* CSS Document */


#menu {

}

#menu ul li{
list-style-type:none;
display:inline;
}

#menu ul li div{
list-style-type:none;
display:inline;
float:left;
}

/**********************************************************************************
------------------------------ STYLE ACTIF -----------------------------------
***********************************************************************************/

.on .coin_l {
background-image:url(../../images/menu_on_l.jpg);
background-repeat:no-repeat;
height:37px;
width:19px;
background-position:right;
}

.on .coin_r {
background-image:url(../../images/menu_on_r.jpg);
background-repeat:no-repeat;
height:37px;
width:11px;
}

.on .titre {
background-image:url(../../images/menu_on_bg.jpg);
background-repeat:repeat-x;
height:27px;
padding-top:10px;
}

.on .titre a {
color:#BDD61E;
margin-left:10px;
margin-right:10px;
text-decoration:none;
font-size:13px;
}

/**********************************************************************************
------------------------------ STYLE OFF -----------------------------------
***********************************************************************************/

/*.off {margin-top:15px;}*/

.off .coin_l {
background-image:url(../../images/menu_off_l.jpg);
background-repeat:no-repeat;
height:37px;
width:19px;
background-position:right 6px;
}

.off .coin_r {
background-image:url(../../images/menu_off_r.jpg);
background-repeat:no-repeat;
height:37px;
width:11px;
background-position:0px 6px;
}

.off .titre {
background-image:url(../../images/menu_off_bg.jpg);
background-repeat:repeat-x;
height:23px;
margin-top:6px;
padding-top:8px;
}

.off .titre a {
color:#A5B1BC;
margin-left:10px;
margin-right:10px;
text-decoration:none;
font-size:13px;
}

/**********************************************************************************
------------------------------ STYLE ROLLOVER -----------------------------------
***********************************************************************************/

.off:hover .coin_l {
background-image:url(../../images/menu_on_l.jpg);
background-repeat:no-repeat;
height:37px;
width:19px;
background-position:right;
}

.off:hover .coin_r {
background-image:url(../../images/menu_on_r.jpg);
background-repeat:no-repeat;
height:37px;
width:11px;
background-position:0px 0px;
}

.off:hover .titre {
background-image:url(../../images/menu_on_bg.jpg);
background-repeat:repeat-x;
height:27px;
padding-top:10px;
margin-top:0px;
}

.off:hover .titre a {
color:#8495A4;
margin-left:10px;
margin-right:10px;
text-decoration:none;
font-size:13px;
}