/***********************************************/
/*************** MENU DYNAMIQUE ****************/
/***********************************************/

#menu{
  clear:both;
  position:relative;
  height:18px;
}
#menu, #menu *{
  margin:0;
  padding:0;
}
#menu ul{
  list-style:none;
  padding-left:5px;
}
* html #menu ul{ /* bug IE6 !! */
  padding-left:0;
}
#menu li{
  float:left;
  margin:0 0 0 5px;
  padding:0 0 0 7px;
}
.IS_IE #menu li, .IS_IE #menu li ul li a { /* Attention : .hover sur le lien pour ces sous-onglets sans menu déroulant */
  _behavior:expression(addHover(this)); /* Ajout de la pseudo classe :hover pour IE */
}
#menu li, #menu li div{
  cursor:pointer;
}

#menu li div{
  background-position:right top;
  padding-right:8px;
}
#menu li.current, #menu li:hover, #menu li.hover{
  background-position:left -50px;
}
#menu li.current div, #menu li:hover div, #menu li.hover div{
  background-position:right -50px;
}
#menu li a{
  display:block;
  overflow:hidden;
  height:24px;
  text-indent:-5000px;
}
#menu li li.current:hover a{
  overflow:auto; /* Règle un problème de décalage sous IE7 */
}
#menu li div a{
  margin:0 auto
}
#menu li li{
  width:auto;
  min-width:0;
  background:none;
}
#menu li li a{
  height:18px;
}
/* -- onglets -- */
#m_rubriques div a{
  background-position:center -10px;
}

/*****************************************/
/**** Largeur des onglets de niveau 1 ****/
/*****************************************/

#m_rubriques {
	min-width:108px;
	width:9em;
}

/* texte onglets principaux */
#m_rubriques.current div a, #m_rubriques:hover div a, #m_rubriques.hover div a{ background-position:center -40px;}

/**** sous-onglets ****/
#menu ul ul{
  background:none;
  padding:0;
  position:absolute;
  left:0;
  top:0px;
  width:1006px;
  display:none;
}
#menu ul li.current ul{
  display:block;
}
#menu ul ul li{
  padding:0;
  margin:0 0 0 0px;
  width:auto;
  position:relative;
  zoom:1;
}
#menu ul ul li.first{
  margin-left:0;
}
#menu ul ul li:hover, #menu ul ul li.hover, #menu ul ul li.current{
  background:none;
  z-index:19;
}

/**** Onglet RUBRIQUES ****/
#m_rubriques ul a{
  background:url(/menu/images/sous_onglets.gif) no-repeat left top;
}

/* Sous-onglets RUBRIQUES, positionnement des images */
#m_rubriques #m_accueil a{width:66px; background-position:0 0;}
#m_rubriques #m_accueil.current a,
#m_rubriques #m_accueil.currentJs a,
#m_rubriques #m_accueil.hover a,
#m_rubriques #m_accueil:hover a{background-position:0 -19px;}
#m_rubriques #m_services a{width:67px;background-position:-66px 0;}
#m_rubriques #m_services.current a,
#m_rubriques #m_services.currentJs a,
#m_rubriques #m_services.hover a,
#m_rubriques #m_services:hover a{background-position:-66px -19px;}
#m_rubriques #m_rencontres a{width:92px;background-position:-134px 0;}
#m_rubriques #m_rencontres.current a,
#m_rubriques #m_rencontres.currentJs a,
#m_rubriques #m_rencontres.hover a,
#m_rubriques #m_rencontres:hover a{background-position:-134px -19px;}
#m_rubriques #m_chat a{width:45px;background-position:-228px 0;}
#m_rubriques #m_chat.current a,
#m_rubriques #m_chat.currentJs a,
#m_rubriques #m_chat.hover a,
#m_rubriques #m_chat:hover a{background-position:-228px -19px;}
#m_rubriques #m_dossiers a{width:132px;background-position:-273px 0;}
#m_rubriques #m_dossiers.current a,
#m_rubriques #m_dossiers.currentJs a,
#m_rubriques #m_dossiers.hover a,
#m_rubriques #m_dossiers:hover a{background-position:-273px -19px;}
#m_rubriques #m_voyages a{width:72px;background-position:-406px 0;}
#m_rubriques #m_voyages.current a,
#m_rubriques #m_voyages.currentJs a,
#m_rubriques #m_voyages.hover a,
#m_rubriques #m_voyages:hover a{background-position:-406px -19px;}
#m_rubriques #m_club a{width:103px;background-position:-479px 0;}
#m_rubriques #m_club.current a,
#m_rubriques #m_club.currentJs a,
#m_rubriques #m_club.hover a,
#m_rubriques #m_club:hover a{background-position:-479px -19px;}
#m_rubriques #m_forums a{width:64px;background-position:-583px 0;}
#m_rubriques #m_forums.current a,
#m_rubriques #m_forums.currentJs a,
#m_rubriques #m_forums.hover a,
#m_rubriques #m_forums:hover a{background-position:-583px -19px;}
#m_rubriques #m_annonces a{width:44px;background-position:-648px 0;}
#m_rubriques #m_annonces.current a,
#m_rubriques #m_annonces.currentJs a,
#m_rubriques #m_annonces.hover a,
#m_rubriques #m_annonces:hover a{background-position:-648px -19px;}
#m_rubriques #m_coachs a{width:138px;background-position:-692px 0;}
#m_rubriques #m_coachs.current a,
#m_rubriques #m_coachs.currentJs a,
#m_rubriques #m_coachs.hover a,
#m_rubriques #m_coachs:hover a{background-position:-692px -19px;}
#m_rubriques #m_bouger a{width:121px;background-position:-830px 0;}
#m_rubriques #m_bouger.current a,
#m_rubriques #m_bouger.currentJs a,
#m_rubriques #m_bouger.hover a,
#m_rubriques #m_bouger:hover a{background-position:-830px -19px;}
#m_rubriques #m_blogs a{width:55px;background-position:-951px 0;}
#m_rubriques #m_blogs.current a,
#m_rubriques #m_blogs.currentJs a,
#m_rubriques #m_blogs.hover a,
#m_rubriques #m_blogs:hover a{background-position:-951px -19px;}
/*
#m_rubriques #m_sexy a{width:48px;background-position:-857px 0;}
#m_rubriques #m_sexy.current a,
#m_rubriques #m_sexy.currentJs a,
#m_rubriques #m_sexy.hover a,
#m_rubriques #m_sexy:hover a{background-position:-857px -19px;}

#m_rubriques #m_sortir a{width:57px;background-position:-906px 0;}
#m_rubriques #m_sortir.current a,
#m_rubriques #m_sortir.currentJs a,
#m_rubriques #m_sortir.hover a,
#m_rubriques #m_sortir:hover a{background-position:-906px -19px;}
*/

#menu ul li ul li div.sousMenuDeroule{
  display:none;
  position:absolute;
  top:18px;
  width:160px;
  margin:0 -25px -25px -25px;
  padding:2px 5px 25px 25px;
  background:none;
}
.IS_IE #menu ul li ul li{
  behavior:expression(sousMenuAddHover(this));
}
#menu ul li ul li:hover div.sousMenuDeroule, .IS_IE #menu ul li ul li.currentJs div.sousMenuDeroule{
  display:block;
}
#menu ul li ul li ul{
  zoom:1;
}
#menu ul li ul li *{
  cursor:pointer!important;
}
#menu ul li ul li div.sousMenuDeroule ul{
  text-align: left;
  display:block;
  position:static;
  width:auto;
  background-color:#FFFFFF;
  border:solid #455DA4;
  border-width:1px 1px 1px 1px;
}
#menu ul li ul li.derouleLeft div.sousMenuDeroule{
  left:auto;
  right:-11px;
}
#menu ul li ul li div.sousMenuDeroule li{
  float:none;
  display:block;
  height:auto;
  margin:0; /* Pour IE */
  padding:0;
  line-height:.95em;
  font-size:15px;
  text-indent:0;
  cursor:default;
  vertical-align:bottom;
}
#menu ul li ul li div.sousMenuDeroule a{
  display:block;
  width:auto!important;
  height:auto;
  padding:5px 8px;
  line-height:1em;
  margin:0;
  font-size:0.8em;
  background:none;
  text-indent:0;
}
.IS_IE #menu ul li ul li div.sousMenuDeroule a{
  width:135px!important;
  zoom:1;
}
#menu ul li ul li div.sousMenuDeroule a:hover, #menu ul li ul li div.sousMenuDeroule a:focus, #menu ul li ul li div.sousMenuDeroule a.currentJs{
  background:#455DA4;
  color:#FFF;
  text-decoration:none;
}
#menu ul li ul li div.sousMenuDeroule a.lien_sexy:hover, #menu ul li ul li div.sousMenuDeroule a.lien_sexy:focus, #menu ul li ul li div.sousMenuDeroule a.currentJs{
  background:#FF63BA;
  color:#FFF;
  text-decoration:none;
}

/***************************/
/**** Styles et polices ****/
/***************************/

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

A.lien_menu:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal;}
A.lien_menu:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal;}
A.lien_menu:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #B50008; text-decoration: none; font-weight: normal;}

A.lien_sexy:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal;}
A.lien_sexy:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal;}
A.lien_sexy:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #B50008; text-decoration: none; font-weight: normal;}

/*
A.pied_principal:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #001F91; text-decoration: none; font-weight: bold;}
A.pied_principal:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #001F91; text-decoration: none; font-weight: bold;}
A.pied_principal:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #001F91; text-decoration: none; font-weight: bold;}

A.pied_secondaire:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: normal;}
A.pied_secondaire:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: normal;}
A.pied_secondaire:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #001F91; text-decoration: none; font-weight: normal;}
*/


.hp_footer_title {
	font-size:12px;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-align:center;
}

#hp_footer {
	border-collapse:collapse;
	padding: 0px;
	border: none;
	width: 100%;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#hp_footer {
	text-align:left;
}

#hp_footer td {
	padding-bottom: 3px;	
	font-size: 8pt;
	color: #555555;
}

#hp_footer .hpf_col0 {
	text-align: right;
	color: #333333;
	font-weight:bold;
}

#hp_footer .hpf_col1 {
	text-align: right;
	color: #555555;
	font-weight:bold;
	vertical-align: top;
	white-space:nowrap;
}

#hp_footer a.hp_footer_cat, a.hp_footer_cat:visited {
	text-decoration: none;
	color: #555555;
	font-weight:bold;
}
#hp_footer a.hp_footer_cat:hover {
	text-decoration: underline;
	color: #555555;
}


#hp_footer a.hp_footer_link, a.hp_footer_link:visited {
	text-decoration: none;
	color: #555555;
}

#hp_footer a.hp_footer_link:hover {
	text-decoration: underline;
	color: #222222;
}

#hp_footer .hp_footer_list {
	padding-left: 20px;
}