/***************************************************/
/* CSS du menu horizontal et du menu statique	   */
/* Francis Laverdière							   */
/***************************************************/
#menu{
	padding-right:8px;
}

/*************************************************************************************
* MENU DYNAMIQUE 																	 *
*************************************************************************************/ 
/*========================= TOP OF THE MENU CASCADE =========================*/

.menuDynamique {
	float:right;
	z-index: 98;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:0px;
    height: 32px;                                /* the menu's overall height  */
    width: 582px;      /* we always want our menu to fill the available space */   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}

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

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

.menuDynamique ul {
    padding:0;
    margin:0;
    border:0;
    list-style-type:none;          /* we don't want to view the list as a list */
    /*line-height:1.5em;*/           /* globally set the menu's item spacing. note */
}                                /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menuDynamique li {
    float:right;    /* this creates the side-by-side array of top-level buttons */
    position:relative;    /* create local positioning contexts for each button */
    margin:0; 
}
.menuDynamique ul li.premierbouton {
    border-left: 0px solid #cad3e6; 
}
.menuDynamique ul li.dernierbouton {
    border-right: 0px solid #cad3e6; 
}
.menuDynamique ul li {
    height: 32px;
}
.menuDynamique ul li ul li{
    height: 100%;
}
.menuDynamique ul li table {
    margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
    m\argin:0;               /* re-zero the table margins for everyone but IE5 */
    border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
    /*font-size:0.7em;  */      /* this sets the base font size for our entire menu */
}



/*********************************************************************************************************/
/* Ici on règle la largeur des elements du menu principal                                                */
/*********************************************************************************************************/
.menuDynamique ul li a {
    width: 97px;
    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 */
    padding:0px;                               /* this is our box border width */
}

.menuDynamique ul li a,
.menuDynamique ul li a:visited {              /* unselected top-level menu items */   
    display:block;
    float:left;
    padding: 6px 0px 4px 0px;
    height:22px;
    text-decoration:none;   
    color: #706d67;
    background-image: url(../images/interface/img-menu-off.jpg);
    background-position: top right;
    background-repeat: repeat-y;
    line-height: 100%;
    text-align: center;  
}

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

.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: 6px 0px 0px 0px; 
    height:26px;
    color: #c9c4b6;
    background-image: url(../images/interface/img-menu-over.jpg);
    background-position: top right;
    background-repeat: repeat-y;
}

.menuDynamique ul li.ItemAPropos a,
.menuDynamique ul li.uneligne a{
	width:85px; 
}

.menuDynamique ul li.ItemAPropos:hover a,
.menuDynamique ul li.ItemAPropos a:hover{                  /* selected top-level menu items */
    background-image: url(../images/interface/img-menu-over-petit.jpg);
}

*> .menuDynamique ul li:hover a,
*> .menuDynamique ul li a:hover {
	height:27px;
}
/*======= class pour les item de menu autre que 2 lignes =============*/
.menuDynamique ul li.uneligne a,
.menuDynamique ul li.uneligne a:visited,
.menuDynamique ul li.uneligne:hover a,
.menuDynamique ul li.uneligne a:hover{              /* unselected top-level menu items */   
    padding: 12px 0px 0px 0px;
    height:20px;
}
.menuDynamique ul li.troisligne a,
.menuDynamique ul li.troisligne a:visited,
.menuDynamique ul li.troisligne:hover a,
.menuDynamique ul li.troisligne a:hover{              /* unselected top-level menu items */   
    padding: 0px 0px 6px 0px;
    height:26px;
    line-height:10px;
}

.menuDynamique ul li.uneligne:hover ul li a,
.menuDynamique ul li.uneligne a:hover ul li a  {                
    padding: 4px 0px 1px 0px;
    height:15px;
}
.menuDynamique ul li.troisligne:hover ul li a,
.menuDynamique ul li.troisligne a:hover ul li a  {               
    padding: 4px 0px 0px 0px;
    height:15px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menuDynamique ul li.ItemAPropos:hover ul,
.menuDynamique ul li.ItemAPropos a:hover ul,
.menuDynamique ul li:hover ul,
.menuDynamique ul li a:hover ul {                     /* 2nd level drop-down box */
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    top:32px;             /* place us just up underneath the top-level images */
    left:0px;       /* left-align our drop-down to the previous button border */
    /*height:20px;*/      /* the drop-down height will be determiend by line count */
    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:32px;
}

.menuDynamique ul li.ItemAPropos:hover ul li a,
.menuDynamique ul li.ItemAPropos a:hover ul li a,
.menuDynamique ul li:hover ul li a,
.menuDynamique ul li a:hover ul li a {                   /* 2nd level unselected items */         
    border:0;
    margin:0;
    padding:4px 0px 1px 0px;
    height:15px;
    color:#c9c4b6;               /* this sets the unselected drop-down text color */
	background: none;
    background-image: url(../images/interface/img-menu2-over.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    width: 195px;
    text-align: left;
    border-top: 1px solid #414141;
}


.menuDynamique ul li.ItemAPropos:hover ul li:hover a,
.menuDynamique ul li.ItemAPropos a:hover ul li a:hover,
.menuDynamique ul li:hover ul li:hover a,
.menuDynamique ul li a:hover ul li a:hover {                /* 2nd level selected item */    
	color:#76a4eb;
	height:15px;
	background: none;
    background-image: url(../images/interface/img-menu3-over.jpg);
    background-position: top right;
    background-repeat: no-repeat;
}

.menuDynamique ul li:hover ul li a.deuxlignes,
.menuDynamique ul li a:hover ul li a.deuxlignes {          /* 2nd level unselected items */
	background-image: url(../images/interface/img-menu2big-over.jpg);
	height:25px;
}
.menuDynamique ul li:hover ul li:hover a.deuxlignes,
.menuDynamique ul li a:hover ul li a.deuxlignes:hover {    /* 2nd level selected item */
	background-image: url(../images/interface/img-menu3big-over.jpg);
	height:25px;
}

/****************************************/
/*Fin largeur des sous-menus */ 
/****************************************/
.dernierelement {
    border-bottom: 1px solid #414141;
}

/*********************************************************************************************************/
/* Redéfinition du dernier sous-menu pour le déplacer de manière à ce qu'il reste dans l'encadré du site */
/*********************************************************************************************************/
.menuDynamique ul li:hover ul#sousMenuJeuresponsable,
.menuDynamique ul li a:hover ul#sousMenuJeuresponsable {          
	left: auto;
	right: 0px;
    color:black;                        /* this sets the unselected-text color */
    background: none;
}

.menuDynamique ul li:hover ul#sousMenuJeuresponsable li a.deuxlignes,
.menuDynamique ul li a:hover ul#sousMenuJeuresponsable li a.deuxlignes,
.menuDynamique ul li:hover ul#sousMenuJeuresponsable li:hover a.deuxlignes,
.menuDynamique ul li a:hover ul#sousMenuJeuresponsable li a.deuxlignes:hover{
	height:27px;
	padding:4px 0px 1px 0px;
}

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