/*************************************************************************
 * Pour tous les menus 
 ************************************************************************/
 .menus
 {
	
 }

/*************************************************************************
 * Pour les menus verticaux avec ouverture de côté
 ************************************************************************/
#menuGauche, #menuDroite
{
    font-family:Verdana;
    width:185px;
    margin-left:1px;
    z-index:2;
}

#menuGauche
{
    width:186px;
}

#menuGauche, #menuDroite, 
#menuGauche ul, #menuDroite ul
{
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
     padding:0px;
     margin:0px;
}
 
#menuGauche a, #menuDroite a
{
    font-weight:bold;
	line-height:13px;
	letter-spacing:.02em;
	text-decoration: none;
	display:block;
	padding:8px 7px 10px 7px;
	color:#ffffff;
    display:block;
    font-size:9pt;
 }

#menuGauche a:hover, #menuDroite a:hover
{
    font-weight:bold;
    line-height:13px;
	letter-spacing:.02em; 
	text-decoration: none;
	display:block;
	padding:8px 7px 10px 7px; 
    background-attachment:scroll;
    background-position:center top;
    background-repeat:repeat-x;
    color:#444444;
}

#menuGauche a:hover
{
    background-image:url(../images/menu_over.jpg);
    background-color:#7caadc;
}

#menuDroite a:hover
{
    background-image:url(../images/menu_over_droite.jpg);
    background-color:#b6d35e;
}

#menuGauche .tempete
{
    background-color:#9a0000;
}

#menuGauche li, #menuDroite li
{
    float:right;
    clear:both;
    position:relative;
    width:185px;
    border-top:1px solid #FFFFFF;
}

#menuGauche li
{
    border-right: 1px solid #FFFFFF;
}

#menuDroite li
{
    border-left: 1px solid #FFFFFF;
}

#menuGauche ul, #menuDroite ul 
{
    position:absolute;
    top:-1px;
    display:none;
    clear:left;    
}

#menuGauche ul
{
    left: 186px;
}

#menuDroite ul
{
    right: 186px;
}

#menuGauche li ul a, #menuDroite li ul a
{
    width:171px;
    float:left;
    font-size:8pt;
    color:#444444;
}

#menuGauche li ul a
{
    background-color: #e5ecf5;
}

#menuDroite li ul a
{
    background-color: #d3ef7f;
}

#menuGauche ul ul, #menuDroite ul ul
{
	top:auto;
}

#menuGauche li ul ul, #menuDroite li ul ul 
{
    left:185px;
    margin:0px 0px 0px 10px;
}

#menuGauche li:hover ul ul, #menuDroite li:hover ul ul, 
#menuGauche li:hover ul ul ul, #menuDroite li:hover ul ul ul, 
#menuGauche li:hover ul ul ul ul, #menuDroite li:hover ul ul ul ul
{
    display:none;
}

#menuGauche li:hover ul, #menuDroite li:hover ul, 
#menuGauche li li:hover ul, #menuDroite li li:hover ul, 
#menuGauche li li li:hover ul, #menuDroite li li li:hover ul, 
#menuGauche li li li li:hover ul, #menuDroite li li li li:hover ul
{
    display:block;
}


/*************************************************************************
 * Pour les menus horizontaux avec ouverture en dessous
 ************************************************************************/

/* MENU ENTÊTE */
#menuEntete
{
    padding: 0px;
	clear: both;
	height:40px;
	width: 640px;
    font-family:Verdana;
    font-size:9pt;
    background-color: Transparent;
    list-style: none;
    margin:-33px 0px 0px 0px;
    float:right;
}

#menuEntete ul
{
    float:right;
}

#menuEntete li
{
    float:left;
    padding:11px 2px 11px;
    margin:0px;
    height:17px;
}

#menuEntete li a
{
    text-decoration:none;
    padding:0px 3px;
    font-weight:bold;
	color:#ffffff;
}

#menuEntete li a:hover
{
    text-decoration:none;
    background-attachment:scroll;
    background-position:center center;
    background-repeat:repeat-x;
    background-image: url(../images/menu_entete_over.jpg);
	color:#ffffff;
    padding:12px 3px 13px;
    font-weight:bold;
}

/* MENU PIED DE PAGE */
#menuPiedPage
{
	clear: both;
    font-family:Verdana;
    font-size:7pt;
    list-style: none;
}

#menuPiedPage a
{
    color:#ffffff;
}

#menuPiedPage a:hover
{
    color:#000000;
}

#menuPiedPage li
{
    float:left;
    padding:5px 2px;
    margin:0px;
}

#menuPiedPage li a
{
    text-decoration:none;
    padding:0px 3px;
}


/* MENU DES SERVICES */
#menuRH, #menuTR, #menuRM, 
#menuRH ul, #menuTR ul, #menuRM ul
{
     list-style-type:none;
     list-style-position:outside;
     position:absolute;
     line-height:1.5em;
     padding:0px;
     margin:0px;
     z-index:0;
}

#menuRH, #menuTR, #menuRM
{
    font-family:Verdana;
    font-size:7.5pt;
    margin-top:-17px;
    width:745px;
}

#menuRH ul
{
    background-color: #e5ecf5;
}

 
#menuRH a, #menuTR a, #menuRM a
{
    font-weight:bold;
	line-height:15px;
	text-decoration: none;
	display:block;
	padding:10px 4px 10px 4px;
	color:#ffffff;
    display:block;
    font-size:7.5pt;
}

#menuTR a
{
    padding:10px 45px 10px 10px;
}

#menuRM a
{
    padding:10px 51px 10px 10px;
}

#menuRH a:hover, #menuTR a:hover, #menuRM a:hover
{
    font-weight:bold;
    line-height:15px;
	text-decoration: none;
	display:block;
	padding:10px 4px 10px 4px; 
    background-attachment:scroll;
    background-position:center top;
    background-repeat:repeat-x;
    background-image:url(../images/menu_over.jpg);
    background-color:#7caadc;
    color:#444444;
}

#menuTR a:hover
{
    padding:10px 45px 10px 10px;
}

#menuRM a:hover
{
    padding:10px 51px 10px 10px;
}

#menuRH li, #menuTR li, #menuRM li
{
    float:left;
    position:relative;
}

#menuRH ul li, #menuTR ul li, #menuRM ul li
{
    border-top:1px solid #FFFFFF;
}

#menuRH ul, #menuTR ul, #menuRM ul
{
    position:absolute;
    top:35px;
    display:none;
    clear:left; 
    left: 0px; 
    width:153px;
    border-bottom:1px solid #FFFFFF;
}

#menuRH li ul a, #menuTR li ul a, #menuRM li ul a
{
    float:left;
    font-size:7.5pt;
    color:#666666;
    background-color: #e5ecf5;
    width:145px;
}

#menuRH ul ul, #menuTR ul ul, #menuRM ul ul
{
	top:auto;
}

#menuRH li ul ul, #menuTR li ul ul, #menuRM li ul ul
{
    left:145px;
    top: -1px;
    margin:0px 0px 0px 10px;
}

#menuRH li:hover ul ul, #menuTR li:hover ul ul, #menuRM li:hover ul ul,
#menuRH li:hover ul ul ul, #menuTR li:hover ul ul ul, #menuRM li:hover ul ul ul,
#menuRH li:hover ul ul ul ul, #menuTR li:hover ul ul ul ul, #menuRM li:hover ul ul ul ul
{
    display:none;
}

#menuRH li:hover ul, #menuTR li:hover ul, #menuRM li:hover ul,
#menuRH li li:hover ul, #menuTR li li:hover ul, #menuRM li li:hover ul,
#menuRH li li li:hover ul, #menuTR li li li:hover ul, #menuRM li li li:hover ul,
#menuRH li li li li:hover ul, #menuTR li li li li:hover ul, #menuRM li li li li:hover ul
{
    display:block;
}