/* CSS Document navbar */

.navigation2 { /* d�finir le container nav */
	float: left; width: 960px; height: 28px;
	padding: 0px 0px 0px 0px; margin : 0px auto 0px auto; text-align: left; 
}
.navigation2 ul {
	font: normal 11px Trebuchet MS, Verdana, sans-serif;
	margin: 0px 0px 0px 0px; padding: 0px; list-style: none;
	z-index:99;	position:relative;	
}
	.navigation2 ul li { /* definir les onglets */
		background: #0401A8; 
		position:relative; float:left; margin: 0px; padding: 0px; 
	}


/* Affichage & Position des ssmenu */
.navigation2 ul li ul {
	position: absolute;
	top:28px;left:0;width:15em;background:#FEF0E3; border:solid 2px #f60;
	margin-left:-999em;/* ie7 doesn't work with left:-999em but does work with margin-left !! */
}
/*
.navigation2 ul li ul ul{
	position: absolute;	margin-left:-999em; left:100%;top: 0; margin-left:100%;
}	
*/

/* Menu Items */
	/* definir les onglets */
	.navigation2 ul li a { /* partie gauche de l'onglet (bg sep) */
		float:left; background: transparent url(../../../static/images/navmenu/bg-navbar-sep2.png) no-repeat 0 0;
		color: #fff; margin:0px; padding: 0px 0px 0px 1px; text-align: center; text-decoration: none; display:block;
		cursor: pointer;
	}
	.navigation2 ul li a span { /* partie droite de l'onglet (texte + bg) */
		background: #0401A8; color: #fff;
		float:left;display: block; margin: auto;padding: 5px 2px 0px 2px; color:#fff;text-decoration: none; 
		width: 70px !important;  height: 23px !important; +height: 28px;
	}		
		.navigation2 ul a.first { /* partie gauche de l'onglet (sans bg sep) */
			color: #fff; padding: 0px 0px 0px 0px; text-decoration: none;
			cursor: pointer;
		}
		.navigation2 ul a.first:hover {
			color: #fff; cursor: pointer; text-decoration: none; padding: 0px 0px 0px 0px;
		}
		.navigation2 ul a.first span { /* partie gauche de l'onglet (sans bg sep) */
			color: #fff; margin: 0px auto; text-decoration: none;
			cursor: pointer;
		}
		.navigation2 ul a.current span { /* s�lectionner onglet par defaut */
			background: #f60;
		}
		.navigation2 ul a.lines span { /* onglet multilignes */
			padding: 3px 0px 0px 4px; line-height: 10px;
			height: 25px !important; +height: 28px;
		}		
		.navigation2 ul li:hover, .navigation2 ul li a:hover span	{	/* definir rollover onglet */
			background: #f60; color: #fff; 
		}

/* Gestion menu d�roulant */	
	.navigation2 ul li.li_ssmenu a span { padding: 5px 8px 0px 0px; background: #0401A8 url(../../../static/images/icon/arrow_down_fff.gif) 92% 50% no-repeat;  }
	.navigation2 ul li.li_ssmenu:hover a span { padding: 5px 8px 0px 0px; background: #f60 url(../../../static/images/icon/arrow_down_fff.gif) 92% 50% no-repeat; }
	.navigation2 ul li.li_ssmenu a.lines span { padding: 3px 8px 0px 0px; background: #0401A8 url(../../../static/images/icon/arrow_down_fff.gif) 92% 50% no-repeat;  }
	.navigation2 ul li.li_ssmenu:hover a.lines span { padding: 3px 8px 0px 0px; background: #f60 url(../../../static/images/icon/arrow_down_fff.gif) 92% 50% no-repeat;  }
	/* li_ssmenulevel1 seulement sur ie6 (g�r� via js */
	.navigation2 ul li.li_ssmenulevel1 a span { padding: 5px 8px 0px 0px; background: #0401A8 url(../../../static/images/icon/arrow_down_fff.gif) 92% 50% no-repeat;  }
	.navigation2 ul li.li_ssmenulevel1 a:hover span { padding: 5px 8px 0px 0px; background: #f60 url(../../../static/images/icon/arrow_down_fff.gif) 92% 50% no-repeat;  }

	.navigation2 ul ul li a { 
		color:#f60; text-decoration: none; text-align: left; 
		background-image: none; padding:3px 0 3px 10px; /*width:150px;*/ display:block; 
		float:left;width:14.1em;height:auto;
	}

	.navigation2 ul ul li { background: #FEF0E3; clear:left; width:14.8em;height:auto; }
	.navigation2 ul ul li:hover { background: #f60; color:#fff; } 
	.navigation2 ul ul li a { 
		color:#f60; text-decoration: none; text-align: left; 
		background-image: none; padding:3px 0 3px 10px; /*width:150px;*/ display:block; 
		float:left;
	}	
	.navigation2 ul ul li a:hover { 
		background: #f60; color:#fff; 
	}

	
/* this sets all hovered lists and current item IE6 */
#nav2 li:hover a,#nav2 li.iehover a,
#nav2 li:hover li:hover a,#nav2 li.iehover li.iehover a,
#nav2 li:hover li:hover li:hover a,#nav2 li.iehover li.iehover li.iehover a
{
   background-position: 0 -30px; 
}

/* set dropdown to default */
#nav2 li:hover li a,#nav2 li.iehover li a,
#nav2 li:hover li:hover li a,#nav2 li.iehover li.iehover li a,
#nav2 li:hover li:hover li:hover li a,#nav2 li.iehover li.iehover li.iehover li a
{
    background-position: 0 0;
}
ul#nav2 li:hover ul ul, ul#nav2 li:hover ul ul ul, ul#nav2 li.iehover ul ul, ul#nav2 li.iehover ul ul ul 
{
	margin-left:-999em;
}

ul#nav2 li:hover ul,ul#nav2 li li:hover ul,ul#nav2 li li li:hover ul, ul#nav2 li.iehover ul, ul#nav2 li li.iehover ul,ul#nav2 li li li.iehover ul 
{
	margin-left:0;
}

	


/*---  specificites onglets thematiques  --- */
	/* sejour */
	.navigation2 ul a.sejour span, .navigation2 ul a.sejour-current span {width: 60px !important; +width: 61px; }
	
	/* WE */
	.navigation2 ul a.weekend span, .navigation2 ul li.li_ssmenu a.weekend span { +width:71px;   }
	.navigation2 ul a.weekend-current span, .navigation2 ul li.li_ssmenu a.weekend-current span  {width: 68px !important; +width: 71px;}
	
	/* Circuit */
	.navigation2 ul a.circuit:hover span, .navigation2 ul a.circuit-current span, .navigation2 ul a.circuit-current:hover span { background: #97CD2D; }
	.navigation2 ul a.circuit span, .navigation2 ul a.circuit-current span { width: 50px !important; }

	/* BienEtre */
	.navigation2 ul a.bien-etre:hover span, .navigation2 ul a.bien-etre-current span, .navigation2 ul a.bien-etre-current:hover span { background: #09f; }
	.navigation2 ul a.bien-etre span, .navigation2 ul a.bien-etre-current span, .partenaire a.bien-etre span, .partenaire a.bien-etre-current span { width: 62px !important; +width: 63px; }

	/* Prestige */
	.navigation2 ul a.prestige:hover span, .navigation2 ul a.prestige-current span, .navigation2 ul a.prestige-current:hover span { background: #603; }
	.navigation2 ul a.prestige span, .navigation2 ul a.prestige-current span { width: 55px !important; +width: 56px; }
	
	/* VoyagesdeNoces */
	.navigation2 ul a.voyage-de-noces:hover span, .navigation2 ul a.voyage-de-noces-current span, .navigation2 ul a.voyage-de-noces-current:hover span { background: #B31F6F; }

	/* Golf */
	.navigation2 ul a.golf:hover span, .navigation2 ul a.golf-current span, .navigation2 ul a.golf-current:hover span { background: #359704; }
	
	/* Plongee */
	.navigation2 ul a.plongee:hover span, .navigation2 ul a.plongee-current span, .navigation2 ul a.plongee-current:hover span { background: #01f; }

	/* Train */
	.navigation2 ul a.train span, .navigation2 ul li.li_ssmenu:hover a.train span { width:84px !important; +width: 85px; }
	.navigation2 ul a.train-current span, .navigation2 ul li.li_ssmenu a.train-current span {  width:86px !important; +width: 87px;}
	
	/* Sport */
	.navigation2 ul a.sport span,.navigation2 ul li.li_ssmenu a.sport span, .navigation2 ul a.sport-current span { width: 82px !important; +width: 83px; }
	.navigation2 ul a.sport:hover span, .navigation2 ul a.sport-current span { background: #f60; }
	
	/* CroisiereVoile */
	.navigation2 ul a.croisierevoile span, .partenaire a.croisierevoile span { width: 74px; line-height:10px; background: #f60; }
	
	/* Ski */
	.navigation2 ul a.ski span { width: 44px !important; +width: 45px; }
	
	/* Camping */
	.navigation2 ul a.camping span { width: 92px !important; +width: 93px; }
	
	/* Location */
	.navigation2 ul a.location span { width: 82px !important; +width: 83px; }
	
	/* Hotel */
	.navigation2 ul a.hotel span, .navigation2 ul a.hotel-current span {width: 48px !important; +width: 49px; }

	/* Groupe */
	.navigation2 ul a.groupe span { height: 23px !important; }
	
	/* Wonderbox */
	.navigation2 ul a.wonderbox span { width: 62px !important; +width: 63px; }
	
	/* Vols */
	.navigation2 ul a.vols span, .navigation2 ul a.vols-current span {background: #FF0000;width: 66px !important; +width: 67px; }	

	/* Voiture */
	.navigation2 ul a.voiture span { width:76px !important; +width: 77px; }

	/* Croisiere */
	.navigation2 ul a.croisiere span, .navigation2 ul li.li_ssmenu:hover a.croisiere span { width:60px !important; +width: 50px;    }
	.navigation2 ul a.croisiere-current span, .navigation2 ul li.li_ssmenu a.croisiere-current span { width:60px !important; +width: 71px;   }
	
	/* France */
	.navigation2 ul a.france span, .navigation2 ul a.france-current span {width: 60px !important; +width: 61px; }


/** Support for the "iehover-fix.js" **/
* html #nav2 iframe {
	position: absolute;left: 0;top: 0;z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/** end **/

/**********CSS linkobfuscator**********/
	.navigation2 ul li span { /* partie gauche de l'onglet (bg sep) */
		float:left; background: transparent url(../../../static/images/navmenu/bg-navbar-sep2.png) no-repeat 0 0;
		color: #fff; margin:0px; padding: 0px 0px 0px 1px; text-align: center; text-decoration: none; display:block;
		cursor: pointer;
	}
	.navigation2 ul li span.lines {
   		height: 25px !important; +height: 21px;
   		line-height: 11px;
   		padding: 3px 8px 0 0;
	} 	
	.navigation2 ul li span span { /* partie droite de l'onglet (texte + bg) */
		background: #0401A8; color: #fff;
		float:left;display: block; margin: auto;padding: 5px 1px 0px 1px; color:#fff;text-decoration: none; 
		width: 68px !important;  height: 23px !important; +height: 28px;
	}		
		.navigation2 ul aspan.first { /* partie gauche de l'onglet (sans bg sep) */
			color: #fff; padding: 0px 0px 0px 0px; text-decoration: none;
			cursor: pointer;
		}
		.navigation2 ul span.first:hover {
			color: #fff; cursor: pointer; text-decoration: none; padding: 0px 0px 0px 0px;
		}
		.navigation2 ul span.first span { /* partie gauche de l'onglet (sans bg sep) */
			color: #fff; margin: 0px auto; text-decoration: none;
			cursor: pointer;
		}
		.navigation2 ul span.current span { /* s�lectionner onglet par defaut */
			background: #f60;
		}
		.navigation2 ul span.lines span { /* onglet multilignes */
			padding: 3px 0px 0px 1px; line-height: 10px;
			height: 25px !important; +height: 28px;
		}
		
		.navigation2 ul li:hover, .navigation2 ul li span:hover span	{	/* definir rollover onglet */
			background: #f60; color: #fff; 
		}


/******************------------------------------CSS BARRE DE NAV NOUVELLE HP------------------------***********************************/
/* definir le container nav */
.navigationNew {background: #0401A8; float:left; width:960px; height:42px; padding:0; margin :0 auto 0 auto; text-align: left;}
	.navigationNew ul {position:relative; z-index:99;	font-size:11px; margin: 0; padding: 0; list-style: none;}
		
		/* definir les onglets */
		.navigationNew ul li {background: #0401A8; position:relative; float:left; height:42px; margin:0; padding:0;}
			
			/* Affichage & Position des ssmenu */
			.navigationNew ul li ul {
				position:absolute; width:208px; top:42px; left:0; background-color:#fff; border:solid 2px #f60;
				padding-top:10px; margin-left:-999em;/* ie7 doesn't work with left:-999em but does work with margin-left !! */
			}
			.navigationNew ul li ul.beforelast{left:-146px;}
			.navigationNew ul li ul.last{left:-141px;}
			/* Menu Items */
			
			/* partie gauche de l'onglet (bg sep) */
			.navigationNew ul li a { 
				float:left; background-image:url(../../../static/images/home/pictos/pictos-sprite.png); background-repeat:no-repeat; background-position:0 -578px;
				color: #fff; margin:0; padding:0 0 0 1px; text-align: center; text-decoration: none; display:block;
				cursor: pointer;
			}
			
			/* partie droite de l'onglet (texte + bg) */
			.navigationNew ul li a span { 
				float:left; display: block; background: #0401A8; width: 72px; height: 27px;
				color:#fff; font-size: 12px; line-height: 13px; font-weight: bold; text-decoration:none; text-transform: uppercase; margin:auto; padding:13px 1px 0 1px;		 
			}	
				
			/* partie gauche de l'onglet (sans bg sep) */
			.navigationNew ul a.first {color:#fff; padding:0; text-decoration:none; cursor:pointer;}
			.navigationNew ul a.first:hover {color:#fff; cursor:pointer; text-decoration:none; padding:0;}
			
			/* partie gauche de l'onglet (sans bg sep) */
			.navigationNew ul a.first span { color: #fff; margin:0 auto; text-decoration: none; cursor: pointer;}
			
			/* selectionner onglet par defaut */
			.navigationNew ul a.current span {background: #f60;}
			
			/* onglet multilignes */
		.navigationNew ul a.lines span { height:35px; padding:5px 0 0 0; line-height: 13px;}
			
			/* definir rollover onglet */	
		.navigationNew ul li:hover, .navigationNew ul li a:hover span{background: #f60; color: #fff;}
		.navigationNew ul li span.sousmenu{float:none;}
		.navigationNew ul li:hover span.sousmenu{
			width:16px; height:18px; background-image:url(../../../static/images/home/pictos/pictos-sprite.png); background-repeat:no-repeat; background-position:0 -665px;
			position:absolute; top:40px; left:40%; float:none; margin:0; padding:0; z-index: 1000;
			}
/* Gestion menu deroulant */	
	.navigationNew ul li.li_ssmenu a{}
	.navigationNew ul li.li_ssmenu a span {background:#0401A8 url(../../../static/images/home/pictos/arrow_down_fff.gif) no-repeat scroll 50% 93%; padding:13px 0 0 0;}
	.navigationNew ul li.li_ssmenu:hover a span {background:#f60; padding:13px 0 0 0;}
	.navigationNew ul li.li_ssmenu a.lines span {background:#0401A8 url(../../../static/images/home/pictos/arrow_down_fff.gif) no-repeat scroll 50% 93%; padding:5px 0 0 0;}
	.navigationNew ul li.li_ssmenu:hover a.lines span {background:#f60; padding:5px 0 0 0;}
	.navigationNew ul li.li_ssmenulevel1 a span {background:#0401A8; padding:13px 0 0 0;}
	.navigationNew ul li.li_ssmenulevel1 a:hover span {background:#f60; padding:13px 0 0 0;}
	.navigationNew ul li a.vols span {height:35px; padding:5px 0 0 0;}
	
	.navigationNew ul ul li a { 
		float:left; display:block; width:14.1em; height:auto;  background-image: none;
		color:#f60; text-decoration: none; text-align: left; padding:3px 0 3px 10px;  
	}

	.navigationNew ul ul li {background:transparent; clear:left; width:100%; height:25px; border-bottom:1px dotted #000; }
	.navigationNew ul ul li:hover { background: #fcece0; color:#f60; } 
	.navigationNew ul ul li a { 
		float:left; display:block;  background-image: none; text-transform:uppercase;
		color:#000; text-decoration: none; text-align: left; padding:3px 0 3px 10px; 	
	}	
	.navigationNew ul ul li a:hover {background: #fcece0; color:#f60;}
	.navigationNew ul ul li.lastlist{border-bottom:none;}
	
/* this sets all hovered lists and current item IE6 */
#nav2 li:hover a,#nav2 li.iehover a,
#nav2 li:hover li:hover a,#nav2 li.iehover li.iehover a,
#nav2 li:hover li:hover li:hover a,#nav2 li.iehover li.iehover li.iehover a
{
   background-position: 0 0; 
}

/* set dropdown to default */
#nav2 li:hover li a,#nav2 li.iehover li a,
#nav2 li:hover li:hover li a,#nav2 li.iehover li.iehover li a,
#nav2 li:hover li:hover li:hover li a,#nav2 li.iehover li.iehover li.iehover li a
{
    
}
ul#nav2 li:hover ul ul, ul#nav2 li:hover ul ul ul, ul#nav2 li.iehover ul ul, ul#nav2 li.iehover ul ul ul 
{
	margin-left:-999em;
}

ul#nav2 li:hover ul,ul#nav2 li li:hover ul,ul#nav2 li li li:hover ul, ul#nav2 li.iehover ul, ul#nav2 li li.iehover ul,ul#nav2 li li li.iehover ul 
{
	margin-left:0;
}

/*---  specificites onglets thematiques  --- */
	/* CroisiereVoile */
	.navigationNew ul a.croisierevoile span, .partenaire a.croisierevoile span {width:80px; line-height:13px;}
	
	/* France */
	.navigationNew ul a.france span, .navigationNew ul a.france-current span {width:61px;}
	
	/* Train */
	.navigationNew ul a.train span, .navigationNew ul li.li_ssmenu:hover a.train span {width:70px;}
	
	/* Location */
	.navigationNew ul a.location span, .navigationNew ul a.location-current span {width:81px;}
	
/**********CSS linkobfuscator**********/
	.navigationNew ul li span { /* partie gauche de l'onglet (bg sep) */
		float:left; display:block; background-image:url(../../../static/images/home/pictos/pictos-sprite.png); background-repeat:no-repeat; background-position:0 -578px;
		color: #fff; margin:0; padding:0 0 0 1px; text-align: center; text-decoration: none; cursor: pointer;	
	}
	.navigationNew ul li span.first {
    color: #FFFFFF;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
	}
   		
	/* partie droite de l'onglet (texte + bg) */	
	.navigationNew ul li span span { 
		float:left; display: block; background: #0401A8;  width: 72px;   height: 27px;
		margin:auto;  padding: 15px 1px 0; color:#fff; text-decoration: none; 
		font-size: 12px; font-weight: bold; line-height: 13px;color: #FFFFFF; text-transform: uppercase;
		
	}	
	
	
	/* partie gauche de l'onglet (sans bg sep) */	
	.navigationNew ul aspan.first {color: #fff; padding:0; text-decoration: none;cursor: pointer;}
	.navigationNew ul span.first:hover {color:#fff; cursor:pointer; text-decoration:none; padding:0;}
	
	/* partie gauche de l'onglet (sans bg sep) */
		.navigationNew ul span.first span {color: #fff; margin:0 auto; text-decoration: none; cursor: pointer;}
			
		/* selectionner onglet par defaut */
		.navigationNew ul span.current span {background: #f60;}
		
		/* onglet multilignes */
		.navigationNew ul span.lines span {height: 25px;padding:3px 0 0 1px; line-height: 10px;}
		.navigationNew ul li.li_ssmenu span.lines span {
	    background: none repeat scroll 0 0 #0401A8;
	    padding: 7px 0 0;}
		/* definir rollover onglet */
		.navigationNew ul li:hover, .navigationNew ul li span:hover span{background: #f60; color: #fff;}


	/*---  specificites onglets thematiques  --- */
	/* CroisiereVoile */
	.navigationNew ul li.li_ssmenu span.croisierevoile span, .partenaire span.croisierevoile span {width:80px; line-height:13px;}
	
	/* France */
	.navigationNew ul li.li_ssmenu span.france span, .navigationNew ul .li_ssmenu  span.france-current span {width:65px; padding: 15px 0 0 0;}
	
	/* Train */
	.navigationNew ul li.li_ssmenu span.train span, .navigationNew ul .li_ssmenu:hover span.train span {width:70px;}
	
	/* Location */
	.navigationNew ul li.li_ssmenu span.location span, .navigationNew ul li span.location-current span {width:81px;}