/***************************************************/
/* CSS du menu horizontal 						   */
/* Francis Laverdière							   */
/***************************************************/
#menu{
	float:left;
	margin:40px 0px 0px 0px;
	padding:0px;
	height: 85px;
	border:0px;
	background-image: url(../images/interface/i_menu_spacer_plain.gif); 
    background-repeat: repeat-x; 
    background-position: bottom left;
    width: 710px;
	
}
/*************************************************************************************
* MENU DYNAMIQUE 																	 *
*************************************************************************************/ 
/*========================= TOP OF THE MENU CASCADE =========================*/

.menuDynamique {
	float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:0px;
    height: 85px;                                /* the menu's overall height  */
    width: 482px;      /* we always want our menu to fill the available space */   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

*> .menuDynamique{
	height: 85px;
	right: 5px;
}

.menuDynamique img {
    vertical-align: top;      /* prevent images from being pushed down by text */
}

.menuDynamique ul {
    padding:0;
    border:0;
    margin:0;
    list-style-type:none;          /* we don't want to view the list as a list */
}                                /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menuDynamique li {
    float:left;    /* this creates the side-by-side array of top-level buttons */
    position:relative;    /* create local positioning contexts for each button */
    margin:50px 0px 0px 0px;
    background-color:#664d5f;
}
.menuDynamique ul li {
    height: 35px;
}
.menuDynamique ul li ul li{
    height: 100%;
    margin:0;
}
.menuDynamique ul li table {
    margin:0px 0px 0px 0px;              /* IE5 needs -1px top and bottom table margins */
    m\argin:0px;               /* re-zero the table margins for everyone but IE5 */
    border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
}



/*********************************************************************************************************/
/* Ici on règle la largeur des elements du menu principal                                                */
/*********************************************************************************************************/
.menuDynamique ul li a {
	height: 35px;
    overflow: hidden;
}

/*********************************************/
/*Fin largeur des éléments du menu principal */ 
/*********************************************/


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menuDynamique ul li ul {
    display:none;                  /* initially hide the entire list hierarchy */
}

.menuDynamique ul li a,
.menuDynamique ul li a:visited {              /* unselected top-level menu items */   
    display:block;
    float:left;
    padding: 10px 0px 0px 0px;
    height:25px;
    text-decoration:none;   
    color: #ffffff;
    line-height: 100%;
    text-align: center;
}

*> .menuDynamique ul li a,
*> .menuDynamique ul li a:visited {
	height:25px;
}

.menuDynamique ul li:hover a,
.menuDynamique ul li a:hover {                  /* selected top-level menu items */
    border-top:0px solid #000;    /* these 2 lines create the push-in illusion */   
    padding: 10px 0px 0px 0px; 
    height:25px;
    color: #ffc013;
}

*> .menuDynamique ul li:hover a,
*> .menuDynamique ul li a:hover {
	height:25px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menuDynamique ul li:hover ul,
.menuDynamique ul li a:hover ul {                     /* 2nd level drop-down box */
    display:block;
    position:absolute;
    margin:0px;
    padding:0px;
    top:35px;             /* place us just up underneath the top-level images */
    left:-10px;       /* left-align our drop-down to the previous button border */
    color:black;                        /* this sets the unselected-text color */
    background: none;         /* this sets our menu's effective "border" color */
}

*> .menuDynamique ul li:hover ul,
*> .menuDynamique ul li a:hover ul {
	top:35px;
}


.menuDynamique ul li:hover ul li a,
.menuDynamique ul li a:hover ul li a {                   /* 2nd level unselected items */
    border:0px;
    margin:0px;
    padding:8px 10px 2px 10px;
    color:#000000;               /* this sets the unselected drop-down text color */
	background-color: #d4d2c9;
    width: 145px;
    text-align: left;
    border-top: 1px solid #ffffff;
    height: 20px;
}

.menuDynamique ul li:hover ul li:hover a,
.menuDynamique ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#ffffff;
	background-color: #464040;
	height: 20px;
}

.menuDynamique ul li:hover ul li.deuxlignes a,
.menuDynamique ul li a:hover ul li.deuxlignes a {                   /* 2nd level unselected items */
	height:32px;
}
.menuDynamique ul li:hover ul li.deuxlignes:hover a,
.menuDynamique ul li a:hover ul li.deuxlignes a:hover {                /* 2nd level selected item */
	height:32px;
}
.menuDynamique ul li:hover ul li.troislignes a,
.menuDynamique ul li a:hover ul li.troislignes a {                   /* 2nd level unselected items */
	height:44px;
}
.menuDynamique ul li:hover ul li.troislignes:hover a,
.menuDynamique ul li a:hover ul li.troislignes a:hover {                /* 2nd level selected item */
	height:44px;
}

/****************************************/
/*Fin Redéfinition du dernier sous-menu */ 
/****************************************/
/**********************************************************************************************/
/*Fin des styles du menu horizontal    														  */ 
/**********************************************************************************************/