﻿/*---------------------
onglets */

.top .menu 
{
	clear: both;
	width: 705px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	height:27px;
}

.top .menu a,
.top .menu a.normal,
.top .menu a.selected,
.top .menu a.carteNormal,
.top .menu a.carteSelected, 
.top .menu a.home,
.top .menu a.homeSelected
{
	padding: 0 ;
	font-weight: bold;
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	height: 27px;
	}
.top .menu a.normal span,
.top .menu a.selected span,
.top .menu a.carteNormal span,
.top .menu a.carteSelected span, 
.top .menu a.home span,
.top .menu a.homeSelected span
{
	padding: 5px 12px 0px 12px;
	display: -moz-inline-box;
	display: inline-block;
	height: 25px;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	}
/* Onglets par défaut */
.top .menu a.normal  {
	background: url('/images/top_onglets.gif') left 0px no-repeat;	
	}
.top .menu a.normal span {
	background: url('/images/top_onglets.gif') right -32px no-repeat;	
	color: #1aa1c7;
	}
.top .menu a.normal:hover {
	background: url('/images/top_onglets.gif') left -64px no-repeat;	
	}
.top .menu a.normal:hover span {
	background: url('/images/top_onglets.gif') right -96px no-repeat;	
	color: #FFFFFF;
    }
    
.top .menu a.selected {
	background: url('/images/top_onglets.gif') left -64px no-repeat;	
	}
.top .menu a.selected span {
	background: url('/images/top_onglets.gif') right -96px no-repeat;	
	color: #FFFFFF;
	}

/* Onglet carte interactive */
.top .menu a.carteNormal {
	background: url('/images/top_onglets.gif') left -128px no-repeat;	
	}
.top .menu a.carteNormal span {
	background: url('/images/top_onglets.gif') right -160px no-repeat;	
	color: #FFFFFF;
	padding-right: 32px !important;
	}
.top .menu a.carteNormal:hover {
	background: url('/images/top_onglets.gif') left -64px no-repeat;	
	}
.top .menu a.carteNormal:hover span {
	background: url('/images/top_onglets.gif') right -192px no-repeat;	
	color: #FFFFFF;
	}
.top .menu a.carteSelected {
	background: url('/images/top_onglets.gif') left -64px no-repeat;	
	}
.top .menu a.carteSelected span {
	background: url('/images/top_onglets.gif') right -192px no-repeat;	
	color: #FFFFFF;
	padding-right: 32px !important;
	}
/* Onglet home */
.top .menu a.home, .top .menu a.homeSelected {
	background: url('/images/top_onglets.gif') left top no-repeat;	
	}
.top .menu a.home span, .top .menu a.homeSelected span {
	background: url('/images/top_onglets.gif') right -222px no-repeat;	
	color: #FFFFFF;
	padding-right: 30px !important;
	}	
.top .menu a.home:hover, .top .menu a.homeSelected {
	background: url('/images/top_onglets.gif') left -64px no-repeat;	
	}
.top .menu a.home:hover span, .top .menu a.homeSelected span {
	background: url('/images/top_onglets.gif') right -253px no-repeat;	
	color: #FFFFFF;
	}
/*menu deconnexion*/
.top .menu a.normal span.disconnect
{
    color:#F28900;
}
.top .menu a.normal span.disconnect:hover
{
    color:White;
}
/*---------------------
Menus, sous menus */


#menu ul {
	margin: 0;
	padding:0;
	display: inline;
	}
#menu ul li {
	float: left;
	display: block;
	position: relative;
	}
#menu a {
	margin: 0;
	}

/* UL sous menus */

#menu ul li ul {
	padding: 3px 0 0 0;
	float: none !important;
	display: none;
	position: absolute;
	left: 0px;
	}

	/* CSS HACK IE7 */
	*+html #menu ul li ul {
		top: 27px;
		}

#menu ul li:hover ul {
	display: block;
	z-index: 1;
	}


#menu ul li:hover > ul {
	display: block; 
	height: 50px;
	}


/* LI sous menus */

#menu ul li ul li {
	float: none !important;
	}

/* A sous menus */

#menu ul li ul li a {
	display: block;
	width: 144px;
	height: auto;
	padding: 2px 12px 2px 12px;
	background: url('/images/menu-der.png') 0px -20px no-repeat !important;
	margin: 0;
	}
#menu ul li ul li a:hover {
	background: url('/images/menu-der.png') 0px -60px no-repeat !important;
	color: #FFFFFF;
	}

/* DIV sous menus (bas du menu déroulant) */

#menu ul li ul li.topMenu {
	background: url('/images/menu-der.png') 0px 0px no-repeat;
	height: 15px;
	width: 168px;
	}

#menu ul li ul li.bottomMenu {
	background: url('/images/menu-der.png') 0px bottom no-repeat;
	height: 15px;
	width: 168px;
	}


  #menu ul li.voyage a span {
    color: #F28900;
  }
