/* CSS Document navbar */

#navigation{ float:left; width:960px; }
#navigation769{ float:left; width:769px; }
#navigation784{ float:left; width:784px; }
.accueil { float:left; background:#fff; width: 45px;  height: 28px; padding: 10px 0px 0px 3px; font: bold 12px Arial, Verdana, sans-serif; color:#690; text-decoration: none; }

.navbar{/* définir le container nav */
	float:left; width: 912px; padding: 0px; margin : 0px 0px 0px 0px !important; +margin : 0px 0px 0px 3px; text-align: left; 
}
#navigation784 .navbar{/* définir le container nav */
	float:left; width: 736px; padding: 0px; margin : 0px 0px 0px 0px !important; +margin : 0px 0px 0px 3px; text-align: left; 
}
.navbar ul{
	font: normal 13px Arial, Verdana, sans-serif;
	margin: 0px 0px 0px 0px; padding:0px; height:38px; list-style:none;
}
.navbar li{/* définir les onglets */
	display:inline;	margin:0px;	padding:0px;
}
.navbar a{ /* partie gauche de l'onglet (bg sep) */
	background: transparent url(/z/karavel/resources/images/bg/navbar-sep.gif) no-repeat top left;
	float:left;	margin: 0px auto; padding: 0px 0px 0px 1px; text-decoration:none; text-align:center;
	cursor: pointer;
}
.navbar a span{ /* partie droite de l'onglet (texte + bg) */
	float:left; display:block; margin: auto; padding: 10px 13px 0px 13px; height:28px;
}
.navbar a.first span { background: transparent;}
.navbar a.current span { background:transparent; height:28px; *+height:38px; color: #fff;}
.navbar a:hover span { background:transparent; height:28px; *+height:38px; color: #fff;}
/*--- Hack ie6 */
* html .navbar a.first  { background: transparent;}
* html .navbar a.current  { background:transparent; height:28px; *+height:38px; color: #fff;}
* html .navbar a:hover  { background:transparent; height:28px; *+height:38px; color: #fff;}

/*--- spécificités menu1 & menu2 ---*/
.navbar ul#menu1{	background:#6d582d; clear:both;}
.navbar ul#menu1 a{ color: #fff;}
.navbar ul#menu1 a.first { /* partie gauche de l'onglet (sans bg sep) */	margin-left:-1px; color: #fff; }
.navbar ul#menu1 a.first span{	color: #fff; }
.navbar ul#menu1 a span{ color: #fff;}

.navbar ul#menu2{	background:#e0f0b2; clear:both; }
.navbar ul#menu2 a{ color: #6d582d; }
.navbar ul#menu2 a span{  padding: 10px 7px 0px 7px;}
.navbar ul#menu2 a.first {	color: #6d582d; margin-left:-1px; }
.navbar ul#menu2 a.current span{ color: #fff;}
.navbar ul#menu2 a:hover span{ color: #fff;}

.navbar a.sejour:hover span { background:#ff9c00; height:28px; *+height:38px; color: #fff;}
.navbar a.sejour-current span  { background:#ff9c00; height:28px; *+height:38px; color:#fff;}
.navbar a.sejour-current:hover span { background:#ff9c00; height:28px; *+height:38px; color:#fff;}

.navbar a.circuit:hover span { background:#666; height:28px; *+height:38px; color: #fff;}
.navbar a.circuit-current span  { background:#666; height:28px; *+height:38px; color:#fff;}
.navbar a.circuit-current:hover span { background:#666; height:28px; *+height:38px; color:#fff;}

.navbar a.weekend:hover span { background:#f60; height:28px; *+height:38px; color: #fff;}
.navbar a.weekend-current span { background:#f60; height:28px; *+height:38px; color:#fff;}
.navbar a.weekend-current:hover span { background:#f60; height:28px; *+height:38px; color:#fff;}

.navbar a.france:hover span { background:#B0000B; height:28px; *+height:38px; color: #fff;}
.navbar a.france-current span { background:#B0000B; height:28px; *+height:38px; color:#fff;}
.navbar a.france-current:hover span { background:#B0000B; height:28px; *+height:38px; color:#fff;}

.navbar a.ski span {width:37px !important; +width:37px; height:28px; *+height:38px; color: #fff;}
.navbar a.ski:hover span { background:#01669A; width:37px !important; +width:37px; height:28px; *+height:38px; color: #fff;}
.navbar a.ski-current span { background:#01669A; width:37px !important; +width:37px; height:28px; *+height:38px; color:#fff;}
.navbar a.ski-current:hover span { background:#01669A;width:37px !important; +width:37px; height:28px; *+height:38px; color:#fff;}

.navbar a.thalasso:hover span { background:#0cf; height:28px; *+height:38px; color: #fff;}
.navbar a.thalasso-current span { background:#0cf; height:28px; *+height:38px; color:#fff;}
.navbar a.thalasso-current:hover span { background:#0cf; height:28px; *+height:38px; color:#fff;}

.navbar a.luxe:hover span { background:#906; height:28px; *+height:38px; color: #fff;}
.navbar a.luxe-current span  { background:#906; height:28px; *+height:38px; color:#fff;}
.navbar a.luxe-current:hover span { background:#906; height:28px; *+height:38px; color:#fff;}
	
.navbar a.plongee:hover span { background:#01669A; height:28px; *+height:38px; color: #fff;}
.navbar a.plongee-current span{ background:#01669A; height:28px; *+height:38px; color:#fff;}
.navbar a.plongee-current:hover span { background:#01669A; height:28px; *+height:38px; color:#fff;}

.navbar a.golf:hover span { background:#349800; height:28px; *+height:38px; color: #fff;}
.navbar a.golf-current span{ background:#349800; height:28px; *+height:38px; color:#fff;}
.navbar a.golf-current:hover span { background:#349800; height:28px; *+height:38px; color:#fff;}

.navbar a.voyagedenoce span { width: 129px !important;+width: 155px; color: #fff;}
.navbar a.voyagedenoce:hover span { background:#FF999A; height:28px; *+height:38px; color: #fff;}
.navbar a.voyagedenoce-current span { background:#FF999A; width: 129px !important;+width: 155px; height:28px; *+height:38px; color:#fff;}
.navbar a.voyagedenoce-current:hover span { background:#FF999A; width: 129px !important;+width: 155px; height:28px; *+height:38px; color:#fff;}

.navbar a.croisierevoile span { background:#ff9c00; height:28px; *+height:38px; width: 129px !important;+width: 173px; color: #fff;}
.navbar a.croisierevoile:hover span { background:#ff9c00; height:28px; *+height:38px; color: #fff;}
.navbar a.croisierevoile-current span { background:#ff9c00; width: 129px !important;+width: 173px; height:28px; *+height:38px; color:#fff;}
.navbar a.croisierevoile-current:hover span { background:#ff9c00; width: 129px !important;+width: 173px; height:28px; *+height:38px; color:#fff;}

.navbar a.dm:hover span { background:#ff9c00; height:28px; *+height:38px;}
.navbar a.dm-current span  { background:#ff9c00; height:28px; *+height:38px; color:#fff;}
.navbar a.dm-current:hover span { background:#ff9c00; height:28px; *+height:38px; color:#fff;}

.navbar a.bp:hover span { background:#ff9c00; height:28px; *+height:38px;}
.navbar a.bp-current span  { background:#ff9c00; height:28px; *+height:38px; color:#fff;}
.navbar a.bp-current:hover span { background:#ff9c00; height:28px; *+height:38px; color:#fff;}

.navbar a.allinclusive:hover span { background:#FF67CC; height:28px; *+height:38px;}
.navbar a.allinclusive-current span { background:#FF67CC; height:28px; *+height:38px; color:#fff;}
.navbar a.allinclusive-current:hover span { background:#FF67CC; height:28px; *+height:38px; color:#fff;}

.navbar a.longsejour:hover span { background:#9A6601; height:28px; *+height:38px;}
.navbar a.longsejour-current span { background:#9A6601; height:28px; *+height:38px; color:#fff;}
.navbar a.longsejour-current:hover span { background:#9A6601; height:28px; *+height:38px; color:#fff;}

.navbar a.famille:hover span { background:#66339A; height:28px; *+height:38px;}
.navbar a.famille-current span { background:#66339A; height:28px; *+height:38px; color:#fff;}
.navbar a.famille-current:hover span { background:#66339A; height:28px; *+height:38px; color:#fff;}

.navbar a.vols:hover span { background:#ff9c00; height:28px; *+height:38px;}
.navbar a.vols-current span  { background:#ff9c00; height:28px; *+height:38px; color:#fff;}
.navbar a.vols-current:hover span { background:#ff9c00; height:28px; *+height:38px; color:#fff;}

.navbar a.location:hover span { background:#ff9c00; height:28px; *+height:38px;}
.navbar a.location-current span  { background:#ff9c00; height:28px; *+height:38px; color:#fff;}
.navbar a.location-current:hover span { background:#ff9c00; height:28px; *+height:38px; color:#fff;}

.navbar a.hotel span { width: 111px !important; +width: 117px; height:28px; *+height:38px;}
.navbar a.hotel:hover span { background:#ff9c00; height:28px; *+height:38px;}
.navbar a.hotel-current span  { background:#ff9c00; width: 111px !important; +width: 117px; height:28px; *+height:38px; color:#fff;}
.navbar a.hotel-current:hover span { background:#ff9c00; height:28px; *+height:38px; color:#fff;}

.navbar a.voiture span { }
.navbar a.voiture:hover span { background:#ff9c00; height:28px; *+height:38px;}
.navbar a.voiture-current span { background:#ff9c00; height:28px; *+height:38px; color:#fff;}
.navbar a.voiture-current:hover span { background:#ff9c00; height:28px; *+height:38px; color:#fff;}

.navbar a.iledereve:hover span { background:#34CA66; height:28px; *+height:38px;}
.navbar a.iledereve-current span { background:#34CA66; height:28px; *+height:38px; color:#fff;}
.navbar a.iledereve-current:hover span { background:#34CA66; height:28px; *+height:38px; color:#fff;}

.navbar a.groupe span { width: 121px !important; +width: 143px;}
.navbar a.groupe:hover span { background:#ff9c00; height:28px; *+height:38px;}
.navbar a.groupe-current span { background:#ff9c00; width: 121px !important; +width: 143px; height:28px; *+height:38px; color:#fff;}
.navbar a.groupe-current:hover span { background:#ff9c00; height:28px; *+height:38px; color:#fff;}