/* CSS Document */

/*//////////// LISTE DEROULANTE MENU HAUT ////////////*/

#menutop{ /* MENU HORIZONTAL EN DESSOUS DU HEADER */
z-index:4;
/*width:975px;*/
width:100%;
height:44px;
background-image:url(/images/menu/fond_menu-hor.gif);
background-repeat:no-repeat;
background-position:left bottom;
position:absolute;
margin:105px 0 0 0;
/*padding:0 0 0 180px;  /*180px de marge à gauche pour centrer le menu : à ajuster si les titres changent*/

margin-left:auto;
}

ul{	
margin: 0; 
padding: 0;
}

li{	
margin: 0; 
padding: 0;
float:left;
}

.topmenuli{
list-style-type:none;
margin: 0 0 0 3px;
color:#999999;
}

.topmenuli a{
list-style-type:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;	 
font-weight: normal;
/*font-size:10px;	
font-weight: bold;*/
color:#999999;
margin: 0 0 0 3px;
}

/* la class qui suit sert à caler les rubriques en bloc */
.topmenutitle{
list-style-type: none;
display:block;
color: #999999;
text-decoration:none;
}

.gris{
color: #999999;
}

a.topmenutitle{
margin: 0; 
padding: 0;
list-style-type: none;
display:block;
color:#999999;
text-decoration:none;
}

/* mgm-ml modifs : enlever souligner menus */
a.topmenutitle:link , a.topmenutitle:active , a.topmenutitle:visited , a.topmenutitle:hover {
text-decoration:none;
}
a.submenuli:link , a.submenuli:active , a.submenuli:visited , a.submenuli:hover {
text-decoration:none;
}


/* rubriques au survol : trait beige */
a.topmenutitle:hover{
list-style-type: none;
display:block;
color:#999999;
background-image: url(/images/menu/trait_menu-hor.gif);
background-repeat: repeat-x;
background-position: right bottom;
padding-bottom:2px;
text-decoration:none;
}
/* la class qui suit sert à cacher les sous rubriques */
.submenuul{
list-style-type:none;
position:absolute;
width: auto;
display:none;
text-decoration:none;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
list-style-type: none;
display: block;
}

#dmenu li>ul { 
list-style-type: none;
height: 22px;
top: auto;
center: auto;
}

#content {
clear:inherit;
}

#dmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#999999;
text-align: center;
}

/* /////////////////////////////////////////////////////////////////////////////////////*/
/* la largeur du fond se règle ici en jouant sur le padding */
.topmenutitle {
list-style-type:none;
text-decoration: none;
position:relative;
margin:0;
font-size: 12px;
font-weight: normal;
/*font-size: 10px;
font-weight: bold;*/
line-height:10px;
text-align:center;
}
/* la largeur du fond se règle ici en jouant sur le padding */
.topmenutitle:hover{
list-style-type:none;
text-decoration: none;
position:relative;
margin:0;
padding: 0px;
line-height:10px;
text-align:center;
}

/* /////////////////////////////////////////////////////////////////////////////////////*/
.submenuul {
margin-top:-2px;
background-image: url(/images/menu/fond_sousmenu-hor.gif);
background-repeat: no-repeat;
background-position: right;
padding:10px 5px 0 0;
}

html>body .submenuul { /* pour firefox */
margin-top:-5px;
}

.submenuli {
padding: 0px;
margin:-3px 0 2px 0;
}

html>body .submenuli { /* pour firefox */
margin: 0px;
padding:0 2px 0 2px;
}

.submenuli a{
font-family: Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
display:block;
width: auto;
font-size: 9px;
line-height: 12px;
text-decoration: none;
font-weight:normal;
color: #999999;
float:left;
}

.submenuli a:hover{
text-decoration: none;
background-color:#dfdcd4;
color: #999999;
}

.topmenutitle a#current{
background-color: #ffffff;
color:#999999;
text-decoration:none;
}

#dmenu li a#current{
background:#ffffff center;
color:#999999;
}

/* pour fermer le bord gauche du sous menu */

.ss-menu-cot-gauche{
background-image: url(/images/menu/cote-g_sous_menu-hor.gif);
background-repeat: no-repeat;
float: left;
height: 24px;
width: 2px;
margin-top:-8px;
}

html>body .ss-menu-cot-gauche{ /* pour firefox */
height: 22px;
margin-top:-5px;
}

.pipebeige{
color:#eedbb1;
text-decoration:none;
}

.normal{
font-weight:normal;
}