/******* This stylesheet is use for the Ulysse Section *******/

/***********************************************************/
/* General */
/***********************************************************/

	body,td,th { font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #000000; }

	p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 2px 0px 8px 0px; }
	
	.px10 { font-size:10px; }

	.red_bold { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#518A74; /* en remplacement de AA273D */ }

	.red_bold_italic { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#518A74; /* en remplacement de AA273D */ font-style:italic; }

	.red_bold a:link { text-decoration:underline; color:#518A74; /* en remplacement de AA273D */ }
	.red_bold a:visited { text-decoration:underline; color:#518A74; /* en remplacement de AA273D */ }
	.red_bold a:active { text-decoration:underline; color:#518A74; /* en remplacement de AA273D */ }
	.red_bold a:hover { text-decoration:none; color:#518A74; /* en remplacement de AA273D */ }

	.zeroboxed { font-size: 9px; }
	
	.goingout { font-weight:bold; padding: 9px 0px 3px 0px; margin: 0 0 0 0; border-bottom: 1px solid #518A74; /* en remplacement de AA273D */ }
	
	.destination_title { font-size: 21px; color: #518A74; /* en remplacement de AA273D */ margin: 15px 0px 12px 0px; }

	.subti { color: #518A74; /* en remplacement de AA273D */ }

	.goingout_title { font-size: 12px; color: #98d659; /* en remplacement de AA273D */ font-weight: bold; margin: 2px 0px 0px 0px; }
	
	.destination_local_title { font-weight: bold; color: #518A74; /* en remplacement de AA273D */ margin: 2px 0px 0px 0px; }
	
	.ulysse_common_footer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:normal; padding: 0px 0px 0px 0px; margin: 35px 0px 0px 0px; border-top: 1px solid #518A74; /* en remplacement de AA273D */ border-bottom: 1px solid #518A74; /* en remplacement de AA273D */ }
	
	div#HOTELLIST { /*border: 1px solid aqua;*/ }

	div#HOTELLIST table { background-color: #FFFFFF; }

	.hotel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 2px 0px 8px 8px; } 
	
	.hotels_title_white { font-size:12px;  font-weight:bold;  color: #FFFFFF; background-color:#518A74; /* en remplacement de AA273D */ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	.hotel_list { font-family: verdana,helvetica,sans-serif; text-decoration: none; color: #000000; font-weight: bold; font-size:9px; padding: 15px 0px; }
	
	.hotel_list_title { font-family: verdana,helvetica,sans-serif; background-color:#D7EFBF; text-decoration: none; color: #3E8016; font-size:11px; font-weight: bold; padding: 7px 7px; text-transform: uppercase; }

	.hotel_list:hover { text-decoration: underline;  color:#000000; /* en remplacement de AA273D */ }

	.hotel_list_sel { font-family: verdana,helvetica,sans-serif; text-decoration: none; font-size:9px; color: #3E8016; font-weight: bold; }

	.hotel_titre_grande { font-size:16px; font-weight:bold; color: 3e8016; text-transform: uppercase; }

	.hotel_nav { font-family:Arial, Helvetica, sans-serif; font-size:12px;  font-weight:bold;  color:#3D8215; /* en remplacement de AA273D */ border-bottom: 1px solid #99D559; /* en remplacement de 518A74 */ border-top: 1px solid #99D559; /* en remplacement de AA273D */ line-height:19px; padding-bottom:0px; margin: 10px 0px 20px 0px; }

	.hotel_nav a:link { text-decoration: none; color:#3D8215; /* en remplacement de AA273D */ padding:2px 5px 2px 5px; }
	.hotel_nav a:visited { text-decoration: none; color:#3D8215; /* en remplacement de AA273D */ padding:2px 5px 2px 5px; }
	.hotel_nav a:active { text-decoration: none; color:#3D8215; /* en remplacement de AA273D */ padding:2px 5px 2px 5px; }
	.hotel_nav a:hover{ text-decoration: none; color:#000000; /* en remplacement de AA273D */ padding:2px 5px 2px 5px; }

	.hot_nav { font-family:Arial, Helvetica, sans-serif; font-size:12px;  font-weight:bold;  color:#518A74; /* en remplacement de AA273D */ line-height:16px; }
	.hot_nav a:link { text-decoration: none; color:#518A74; /* en remplacement de AA273D */  padding:0px 10px 0px 10px; }
	.hot_nav a:visited { text-decoration: none; color:#518A74; /* en remplacement de AA273D */ padding:0px 10px 0px 10px; }
	.hot_nav a:active { text-decoration: none; color:#518A74; /* en remplacement de AA273D */ padding:0px 10px 0px 10px; }
	.hot_nav a:hover{ text-decoration: none; color:#518A74; /* en remplacement de AA273D */ background-color:#B4CDB9; padding:0px 10px 0x 10px; }

	.hotel_title { font-size: 12px; font-weight: bold; color:#518A74; /* en remplacement de AA273D */ margin: 2px 0px 0px 8px; }
	
	.hotel_sub_title { font-size: 11px; font-weight: bold; color:#518A74; /* en remplacement de AA273D */ margin: 2px 0px 0px 8px; }
	
	.redborder { border: 1px solid #518A74; /* en remplacement de AA273D */ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }

	.whatis { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  font-weight:bold;  color:#518A74; /* en remplacement de AA273D */ margin: 15px 0px 20px 0px; }

	.whatis a:link { color: #3D8215; text-decoration: underline; font-weight: bold; }
	.whatis a:visited { color: #3D8215; text-decoration: underline; font-weight: bold; }
	.whatis a:focus { color: #3D8215; text-decoration: underline; font-weight: bold; }
	.whatis a:hover { color: #000000; text-decoration: underline; font-weight: bold; }
	.whatis a:active { color: #3D8215; text-decoration: underline; font-weight: bold; }

	.whatis img { display: none; }

	.popup_title { font-weight:bold; color: #FFFFFF; font-size:12px; padding: 2px 10px 2px 10px; }
	
	.popup_text { padding: 10px 10px 10px 10px; }

	.nobox { color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: 0px ; padding-right: 3px; padding-left: 3px; }

	.date_days { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#518A74; /* en remplacement de AA273D */ padding: 2px 3px 2px 3px; }
	
	.date_nobold { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#518A74; /* en remplacement de AA273D */ padding: 1px 2px 1px 2px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; color: #000000; }
	
	.date_nobold_over { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#D30025; padding: 1px 2px 1px 2px; border-top:1px solid #98D659; /* en remplacement de AA273D */ border-bottom:1px solid #98D659; /* en remplacement de AA273D */ }

	#floatLeft { float: left; }

	.mainPage_text { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #000000; } 
	
	.mainPage_dest_text { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #000000; margin: 10px 10px 10px 10px; }
	
	.page_number_nav_off { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#518A74; /* en remplacement de AA273D */ font-weight:bold;  border-left:1px solid #518A74; /* en remplacement de AA273D */ }

	.page_number_nav_off a:link { text-decoration:none; color:#518A74; /* en remplacement de AA273D */ }
	.page_number_nav_off a:visited { text-decoration:none; color:#518A74; /* en remplacement de AA273D */ }
	.page_number_nav_off a:active { text-decoration:none; color:#518A74; /* en remplacement de AA273D */ }
	.page_number_nav_off a:hover { text-decoration:none; color:#000000; }

	.page_number_nav_on { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFCC61; font-weight:bold;  border-left:1px solid #518A74; /* en remplacement de AA273D */ }

	.page_number_nav_on a:link { text-decoration:none; color:#FFCC61; }
	.page_number_nav_on a:visited { text-decoration:none; color:#FFCC61; }
	.page_number_nav_on a:active { text-decoration:none; color:#FFCC61; }
	.page_number_nav_on a:hover { text-decoration:none; color:#000000; }

	.destination_link { font-weight:bold; font-size: 11px; color: #000000; text-decoration: none; }
	.destination_link:hover { font-weight:bold; font-size: 11px; color: #000000; }

	.select {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;  margin: 0px 0px 0px 0px; border:1px solid #518A74; /* en remplacement de AA273D */ padding:0px 3px 0px 3px; }
	 
	.olbox { border:1px solid #FFFFFF; } 
	
	.olbox_over { border:1px solid #518A74; /* en remplacement de AA273D */ } 
	
	.CloseX { font-weight:bold; font-size: 14px; color: #FFFFFF; text-decoration: none; }

	.BGcolor1 { /* background-color: #518A74; */ /* en remplacement de AA273D */ background-color: #98d659; }
	
	.BGcolor2 { background-color: #ECF8E2; /* en remplacement de F6E9EB */ }
	
	.BGcolor3 { background-color: #FFFFFF; }
	
	.BGcolor4 { background-color: #ECF8E2; }

	.UcalendarActive { font-family: arial,helvetica,sans-serif; text-decoration: none; font-size:11px; color: #000000; }
	
	.UcalendarActive:hover { font-family: arial,helvetica,sans-serif; text-decoration: underline; font-size:11px; color:#3E8014; /* en remplacement de AA273D */ }
		
	.UcalendarSel { font-family: arial,helvetica,sans-serif; text-decoration: none; font-size:11px; color: #3E8014; font-weight: bold; background-color: #D9F084; }

	.UcalendarSelUnavail { font-family: arial,helvetica,sans-serif; text-decoration: none; font-size:11px; color: #DDDDDD; }

	.oltextnbr /* text for number of flight or pack */ { font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; padding-bottom: 5px; }

	.IntroTitle { background-color: #518A74; font-size: 12px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-weight: bold; padding-left: 10px; line-height: 15px; }

	/************************************/
	/* Left Navigation */
	/************************************/

		.navlevel1 { background-color: #ECF8E2; /* en remplacement de 518A74 */ padding:5px 0px 5px 0px; }
		.navlevel1 a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#3E8014; text-decoration: none; font-weight: bold; padding: 0px; }
		.navlevel1 a:hover { text-decoration: none; }

		.navlevel2_off { background-color: #D9F084; /* en remplacement de CC7D8B */ padding:5px 0px 5px 0px; }
		.navlevel2_off a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; padding: 0px; }
		.navlevel2_off a:hover { text-decoration: none; }

		.navlevel2_on  { background-color: #98D659; /* en remplacement de 2F5F4D */; padding:5px 0px 5px 0px; }
		.navlevel2_on a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; padding: 0px; }
		.navlevel2_on a:hover { text-decoration: none; }

		.navlevel3 { background-color: #ECF8E2; /* en remplacement de F6E9EB */ padding:5px 0px 5px 0px; }
		.navlevel3 a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration: none; padding: 0px; }
		.navlevel3 a:hover { text-decoration: none; }

	/************************************/
	/* Left Navigation */
	/************************************/

/***********************************************************/
/* General */
/***********************************************************/

/***********************************************************/
/* Ulysse Web2 */
/***********************************************************/

	#UlysseMain { width: 892px; }
	
	#UlysseMain .ulysseLeftContentTD { width: 125px; background-color: #ECF8E2; vertical-align: top; }
	
	#UlysseNavigationTable { width: 132px; }
	
	#UlysseMain .ulysseMiddleContentTD { width: 480px; padding: 0px 8px 0px 8px; vertical-align: top;  border-right: 1px solid #98D659; }
	
	#UlysseMain .ulysseMiddleContentTDNoBorder { width: 750px; vertical-align: top; padding: 0px 8px 0px 8px;}
	
	#UlysseMain  .ulysseMiddleContentDiv { }
	
	#UlysseMain .ulysseRightContentTD { vertical-align: top; }
	
	#UlysseMain .ulysseRightContentTD .ulysseRightContentDiv { vertical-align: top; padding: 0px 0px 0px 8px; }
	
	.PromoZoneBlockDiv {padding: 0px 0px 10px 0px;}
	
	table#UlysseMiniMoteurZone {  }

	table#UlysseMiniMoteurZone .UlysseMiniMoteurZoneMainTD { background-color: #FFFFFF; align:center; }

	div#UlysseMiniZoneBG { margin: 0px 0px 0px 0px; background-color: #D7EFBF; width: 260px; }

	div#UlysseMiniZoneBG .ulysseMiniZoneTD { vertical-align: top; height: 384px; width: 260px;}

	div#ulysseRightContentBox { width: 150px; }

	td.ulysseRightContentBoxTD { background-color: #FFFFFF; padding: 5px 5px 5px 5px; }

	td.uphg { width: 60px; }

	td.uphd { } 

	div.textePromo { padding: 5px; }

	div#HotelListTitleTextDiv { font-weight: bold; padding: 0px 0px 4px 0px; }

	/************************************/
	/* Our Destinations */
	/************************************/

		/************************************/
		/* Layout */
		/************************************/

			div#UlysseContent .DestTitle { font-size: 180%; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; }

			div.destContent div#holidayThemeTitleDesc { margin: 8px 0px 5px 0px; }

			div#HolidayThemesContent div#holidayThemeDetails { margin: 0px; margin-top: 10px; }

			div#HolidayThemesContent .holidayThemeDetailTitle { font-size: 140%; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; }

			div#UlysseContent .subtitle { font-size: 120%; font-weight: bold; color: #000000; }

			div.DestDetailText { background-color: #FFFFFF; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; }

			.teaserText { font-weight: bold; }
			
			#LEFTCONTENT {padding-bottom:10px;}

		/************************************/
		/* Layout */
		/************************************/

		/************************************/
		/* Nav Bar */
		/************************************/

			div#DestNav { position: relative; padding: 0px; width: 100%; float: left; clear: both; margin: 0px; background-color: #FFFFFF; }

			div#DestNav ul { padding: 0px; margin: 0px; /*width: 458px;*/ width: 100%; border-bottom: 1px solid #D7EFBF; float: left; clear: both; }

			div#DestNav ul li { display: inline; }

			div#DestNav ul li a { padding: 5px 15px 7px 15px; margin-right: 5px; margin-top: 14px; background-color: #F0F8D3; color: #3E8016; text-decoration: none; float: left; font-size: 12px; font-weight: bold; }

			div#DestNav ul li a:hover { text-decoration: none; color: #98D659; }
			 
			div#DestNav ul li a.selected { padding: 5px 15px 7px 15px; margin-right: 5px; margin-top: 14px; background-color: #D7EFBF; color: #3E8016; text-decoration: none; float: left; font-size: 12px; font-weight: bold; }

			div#DestNav ul li a.selected:hover { padding: 5px 15px 7px 15px; margin-right: 5px; background-color: #D7EFBF; color: #3E8016; text-decoration: none; float: left; font-size: 12px; font-weight: bold; }

		/************************************/
		/* Nav Bar */
		/************************************/

	/************************************/
	/* Our Destinations */
	/************************************/

/***********************************************************/
/* Ulysse Web2 */
/***********************************************************/