/* CSS DISPLAY SCREEN WHITE WATER ACTIVE */

/* ---------- 1. 0 Misc ---------- */

*   {
	padding:0;
	margin:0;
	border:0;
	}
	
body {
	color:#7a7a7a;
	font: 0.7em "Arial", Tahoma, Helvetica, Sans-Serif;
	background:#ECECEC url(images/body_repeat_y.png) 50% 100% repeat-y;
	padding-bottom:40px;
	text-align:center;
	}

.end {
	clear:both;
	list-style:none;
	height:0;
	font-size:0;
	line-height:1%;
	display:block;
	}

#bodyWrapper {
	background:url(images/body_repeat_top.png) 0 0 repeat-x;
	text-align:center;
	width:100%;
	}

#container {
	width:764px;
	margin:0 auto;
	position:relative;
	z-index:5;
	text-align:left;
	}

.skypContent {
	position:absolute;
	top:0;
	left:30px;
	z-index:100;
	background:url(images/skip_content.png) 0 0 no-repeat;
	width:44px;
	height:35px;
	text-decoration:none;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	cursor:pointer;
	}



/* ---------- 2.0 HEADER ---------- */
#header1 {
	background:url(images/header_left.png) 0 0 no-repeat;
	width:764px;
	height:229px;
	position:relative;
	}

#header2 {
	background:url(images/header_right.png) 100% 0 no-repeat;
	width:744px;
	height:229px;
	padding:0 10px;
	}

#header1 img{
	display:block;
	}

#header2 #phone {
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:2.8em;
	color:#fff;
	font-weight:bold;
	position:absolute;
	right:22px;
	bottom:2px;
	z-index:800;
	display:block;
	}

#header2 h1 {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	position:absolute;
	width:189px;
	height:145px;
	right:20px;
	top:5px;
	z-index:100;
	background:url(images/white_water_actif_logo.png) 0 0 no-repeat;
	}

#header2 h1 a {
	width:189px;
	height:145px;
	display:block;
	text-decoration:none;
	}

#AALA {
	position:absolute;
	left:25px;
	top:110px;
	z-index:1000;
	width:107px;
	height:110px;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	}

#AALA a {
	display:block;
	width:107px;
	height:110px;
	cursor:pointer;
	background:url(images/AALA_logo.png) 0 0 no-repeat;
	}
	

/* ---------- 3.0 MENU ---------- */
#menu1 {
	background: url(images/menu_repeat.png) 0 0 repeat-x;
	height:78px;
	width:764px;
	position:relative;
	z-index:1000;
	}

#menu2 {
	background: url(images/menu_left.png) 0 0 no-repeat;
	height:78px;
	width:764px;
	}

#menu2 ul {
	background: url(images/menu_right.png) 100% 0 no-repeat;
	height:78px;
	width:764px;
	display:block;
	}

#menu2 ul.submenu {
	display:none;
	width:200px !important;
	position:absolute;
	background:none !important;
	padding-top:5px;
	z-index:2000 !important;
	}

#menu2 ul#adventureActivities{
	top:60px;
	left:60px;
	}

#menu2 ul#corpActivities {
	top:60px;
	left:202px;
	}

#menu2 ul#generalInfo {
	top:60px;
	left:450px;
	}


#menu1 h3 {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.0em;
	text-indent: -2000em;
	display:block;
	position:absolute;
	}
	
#menu1 li {
	display:inline;
	float:left;
	}

ul.submenu li {
	display:block !important;
	width:200px !important;
	float:left !important;
	margin:0;
	list-style:none;
	}

#menu1 li a {
	color:#009ee0;
	text-decoration:none;
	font-weight:normal;
	font-size:1em;
	padding:28px 14px 20px 14px;
	height:13px;
	display:block;
	float:left;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	}

ul.submenu li a {
	color:#fff !important;
	border-bottom:1px solid #8FDFFF;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:6px 12px !important;
	width:160px !important;
	height:auto !important;
	display:block !important;
	float:left !important;
	background:url(images/submenu_link.png)!important;
	}

#menu1 li a.selected, #menu1 li a:hover {
	background: url(images/menu_selected_link.png) 50% 100% no-repeat;
	color:#7a7a7a;
	}

ul.submenu a.selected, ul.submenu li a:hover {
	background: #4EBFED !important;
	color:#fff !important;
	}


/* ---------- 4.0 CONTENT ---------- */

#content {
	padding:0 8px;
	}
	
	/* ---------- 4.1 SEARCH FORM ---------- */
	
	
	#searchForm {
		float:right;
		width:74px;
		position:relative;
		top:-14px;
		margin-right:10px;
		height:26px;
		z-index:3000;
		}
	
	#searchForm label {
		font-weight: normal;
		line-height: 1.0em;
		text-indent: -2000em;
		font-size:1.0em;
		position:absolute;
		}
		
	#searchForm p {
		float:left;
		display:inline;
		}
		
	#searchForm #recherchei {
		background:#33C0EB url(images/search_field.png);
		border:0;
		width:117px;
		height:20px;
		padding:3px 10px 0 10px;
		color:#fff;
		margin-right:3px;
		display:none;
		}
	
	#searchForm .button {
		font-weight: normal;
		line-height: 1.0em;
		text-indent: -2000em;
		font-size:1.0em;
		width:74px;
		height:23px;
		background:#33C0EB url(images/search_button.png) 0 0 no-repeat;
		cursor:pointer;
		color:#fff;
		display:block;
		}
	
	* html #searchForm .button {
		position:relative;
		top:1px;
		}
	
	
	
	/* ---------- 4.2 YOU ARE HERE ---------- */
	
	#youAreHere {
		background:url(images/you_are_here.png) 0 2px no-repeat;
		padding:3px 0 3px 22px;
		font-size:0.9em;
		width:350px;
		}
	
	#youAreHere a {
		color:#009ee0;
		text-decoration:none;
		}
	
	#youAreHere a:hover {
		text-decoration:underline;
		}
	
	#youAreHere strong {
		font-size:1.4em;
		font-weight:normal;
		position:relative;
		top:1px;
		}


	/* ---------- 4.3 COLLEFT ---------- */
	
	#colLeft {
		width:330px;
		padding-right:21px;
		background:url(images/vertical_split_repeat.png) 100% 0 repeat-y;
		margin-top:10px;
		float:left;
		line-height:1.5em;
		}

	#Elements #colLeft {
		width:476px;
		padding-right:51px;
		}

	#colLeft .blockWrapper {
		background:url(images/long_h_split.png) 0 100% no-repeat;
		padding:0 0 25px 0;
		margin-bottom:10px;
		}

	#colLeft .blockLeft {
		float:left;
		width:49%;
		}

	#colLeft .blockRight {
		float:right;
		width:49%;
		}

	#colLeft .textBlockLeft img {
		float:left;
		margin:0 9px 10px 0;
		background:#fff;
		border:5px solid #f4f4f4;
		padding:1px;
		}

	#colLeft .thickbox img {
		float:left;
		margin:0 9px 10px 0;
		background:#fff;
		border:5px solid #f4f4f4;
		padding:1px;
		}

	#colLeft .textBlockRight img {
		float:right;
		margin:0 0 5px 9px;
		background:#fff;
		border:5px solid #f4f4f4;
		padding:1px;
		}

	#colLeft h1 {
		font-family:Arial, Helvetica, sans-serif;
		color:#009ee0;
		font-size:1.6em;
		line-height:1.2em;
		margin:2.2em 0 0.6em 0;
		clear:left;
		}

	#colLeft h2 {
		color:#009ee0;
		font-size:1.2em;
		line-height:1.4em;
		margin:2.0em 0 0.2em 0;
		clear:left;
		}

	#colLeft h3 {
		color:#4AC0EF;
		font-size:1.0em;
		line-height:1.2em;
		margin-top:0.4em;
		clear:left;
		}

	#colLeft h4 {
		clear:left;
		font-size:1.0em;
		}

	#colLeft li {
		list-style:disc;
		list-style-position:inside;
		}


	#colLeft span.pictureWrapper {
		background:#fafafa;
		text-align:left;
		margin:0 20px 5px 0;
		float:left;
		}

	#colLeft span.pictureWrapper img {
		background:#fff;
		}

	#colLeft p {
		line-height:1.5em;
		text-align:justify;
		margin-bottom:0.8em;
		}

	#colLeft p span {
		color:#FFA700;
		}

	#colLeft a {
		color:#009ee0;
		text-decoration:none;
		}

	#colLeft a.top {
		clear:both;
		display:block;
		}

	#colLeft .viewMore strong {
		font-size:1.6em;
		color:#f14f00;
		position:relative;
		top:1px;
		margin-right:3px;
		}
		

	#colLeft a:hover {
		color:#FFA700;
		}
		
		.TopMargin {
	margin-top: 20px;		
		}
		
		/* ---------- 4.3.1 SLIDE SHOW---------- */
		
		#slideShow {
			width: 328px;
			height: 226px;
			}
		
		.slideshowHolder {
			border-top:2px solid #00aae4;
			border-bottom:2px solid #00aae4;
			padding:1px 0;
			}
		
		#slideShow img {
			display:block;
			}
		
		.slideCaption, .pagelinks{
			display:none;
			}
		
		.prevSlide {
			height:23px;
			width:25px;
			background:url(images/slide_prev_pic.png) 0 0 no-repeat;
			display:block;
			position:absolute;
			z-index:200;
			top:0;
			left:2px;
			}
		
		.nextSlide {
			height:23px;
			width:24px;
			background:url(images/slide_next_pic.png) 0 0 no-repeat;
			display:block;
			position:absolute;
			z-index:200;
			left:27px;
			}
		
		.inputsTooltip {
			border: 1px solid #2379BF;
			background-color: #00AAE4;
			padding: 4px 8px;
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			}
		
		#tooltipURL {
			display: none;
			}	

		/* ---------- 4.3.2 PAGES NAVIGATION ---------- */
			
		#content #pages ul {
			margin:20px 0 5px 0;
			padding:10px 0 10px 0;
			border-top:1px dashed #EBEBEB;
			border-bottom:1px dashed #EBEBEB;
			}
		
		#content #pages li {
			display:inline;
			color:#000;
			font-weight:bold;
			margin-right:15px;
			}

		#content #pages li a {
			text-decoration:none;
			}
			
			
		/* ---------- 4.3.3 GIFTS VOUCHERS ---------- */
		
		
		#vouchers form {
			float:right;
		}
			
	/* ---------- 4.4 COLRIGHT---------- */
	
	#colRight {
		margin-left:351px;
		line-height:1.5em;
		}

	#Elements #colRight {
		margin-left:527px;
		padding-left:30px;
		}

	#colRight .blockWrapper {
		background:url(images/short_h_split.png) 0 100% no-repeat;
		padding:0 0 25px 0;
		margin-bottom:10px;
		}

	#colRight .colLeft {
		width:185px;
		float:left;
		padding-right:21px;
		background:url(images/vertical_split_repeat.png) 100% 0 repeat-y;
		}

	#colRight .colRight {
		width:185px;
		float:right;
		}

	#colRight h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#009ee0;
		font-size:1.2em;
		line-height:1.4em;
		margin-bottom:0.4em;
		}

	#colRight h3 {
		font-size:1.0em;
		line-height:1.4em;
		}

	#colRight li {
		list-style:disc;
		list-style-position:inside;
		}

	#colRight p {
		line-height:1.4em;
		text-align:left;
		margin-bottom:0
		}

	#colRight #testimonial p {
		font-style:italic;
		}

	#colRight a {
		color:#00aae4;
		text-decoration:none;
		}

	#colRight .viewMore {
		display:block;
		}

	#colRight .viewAll {
		display:block;
		border-top:2px dashed #f4f4f4;
		padding-top:3px;
		color:#9cc301;
		}

	#colRight .viewMore strong, #colRight .viewAll strong {
		font-size:1.6em;
		color:#f14f00;
		position:relative;
		top:1px;
		margin-right:3px;
		}

	#colRight a:hover {
		color:#FFA700;
		}

		/* ---------- 4.4.1 CAROUSEL---------- */

			/**
			 * This <div> element is wrapped by statically around the list
			 * inside the HTML document.
			 */
			.jcarousel-scope {
				position: relative;
				width: 185px;
				height: 322px;
				color:#fff;
				padding:31px 0 0 0;
			}

			/*
			#corporateActivities .jcarousel-scope {
				height:130px !important;
			}
			
			 *
			 * Similar styles will be applied by jCarousel. But we additionally
			 * add it here for better displaying with browsers having
			 * javascript disabled.
			 */
			.jcarousel-list {
				overflow: hidden;
				margin: 0;
				padding: 0;
				}
			
			.jcarousel-list li {
				float: left;
				list-style: none;
				width: 185px;
				height:47px;
				margin-bottom:2px;
				display:block;
				}

			.jcarousel-list li a {
				width: 181px;
				height:43px;
				display:block;
				color:#fff !important;
				background:url(images/activities_menu.png) 0 0 no-repeat;
				padding:2px 2px 2px 2px;
				font-size:0.8em;
				font-weight:bold;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				}

			.jcarousel-list li a:hover {
				background:url(images/activities_menu.png) -181px 0  no-repeat;
				}

			.jcarousel-list li span {
				float: left;
				width: 40px;
				height:41px;
				background:#fff;
				display:block;
				border:1px solid #fff;
				margin-right:7px;
				}
			
			/**
			 * The button-elements are added statically in the HTML document
			 * to illustrate how to cutomize the prev/next controls.
			 *
			 * We set display:none to hide them from browsers having
			 * javascript. jCarousel will show them automatically.
			 */
			.jcarousel-next {
				position: absolute;
				bottom: 5px;
				cursor: pointer;
				}
			
			.jcarousel-next-disabled {
				cursor: default;
				opacity: .5;
				-moz-opacity: .5;
				filter: alpha(opacity=50);
				}
			
			.jcarousel-prev {
				position: absolute;
				top: 5px;
				cursor: pointer;
				}
			
			.jcarousel-prev-disabled {
				cursor: default;
				opacity: .5;
				-moz-opacity: .5;
				filter: alpha(opacity=50);
				}
		
			/* ---------- 4.4.2 NEWSLETTER ---------- */
		
			
			#mailinglist {
				display:block;
				position:relative;
				}
				
			#mailinglist dt {
				font-size:1.0em;
				margin-bottom:5px;
				font-weight:bold;
				display:block;
				width:185px;
				}
				
			#mailinglist dd {
				margin-bottom:7px;
				position:relative;
				top:0;
				left:0;
				z-index:40;
				width:185px;
				}
			
			#mailinglist label {
				font-size:1.0em;
				font-weight:normal !important;
				}
			
			#mailinglist .checkBox label {
				display:inline;
				}
			
			#mailinglist input {
				border:1px solid #CFCFCF;
				width:80px;
				background:#fff;
				height:1.2em;
				font-size:1.0em;
				position:absolute;
				right:0;
				z-index:50;
				}
		
			#mailinglist .checkBox input {
				border:0;
				width:12px;
				background:none;
				height:auto;
				font-size:1.1em;
				font-weight:bold;
				position:static;
				}
			
			#mailinglist .button {
				border:#0094CF solid 1px;
				background:#009EE0;
				color:#fff;
				font-weight:bold;
				font-size:1.0em;
				cursor:pointer;
				width:90px;
				height:1.7em;
				position:static;
				padding:0 0 3px 0;
				margin:0;
				}

			/* ---------- 4.4.3 CART / BASKET ---------- */
		
			
			#cart {
				display:block;
				position:relative;
				}
				
				
			#cart p {
				margin-bottom:7px;
				position:relative;
				top:0;
				left:0;
				display:block;
				z-index:40;
				width:185px;
				height:18px;
				}
			
			#cart label {
				font-size:1.0em;
				font-weight:normal !important;
				}
			
			#cart .checkBox label {
				display:inline;
				}
			
			#cart input {
				border:1px solid #CFCFCF;
				width:80px;
				background:#fff;
				height:1.2em;
				font-size:1.0em;
				position:absolute;
				right:0;
				z-index:50;
				}
		
			#cart .checkBox input {
				border:0;
				width:12px;
				background:none;
				height:auto;
				font-size:1.1em;
				font-weight:bold;
				position:static;
				}
			
			#cart .button {
				border:#0094CF solid 1px;
				background:#009EE0;
				color:#fff;
				font-weight:bold;
				font-size:1.0em;
				cursor:pointer;
				width:90px;
				height:1.7em;
				position:absolute;
				left:0;
				padding:0 0 3px 0;
				margin:0;
				}
			
			/* ---------- 4.4.4 MAIL PRINT ICO ---------- */
			
			.sendPage {
				background:url(images/mail_ico.png) 3px 0 no-repeat;
				padding:5px 3px 5px 33px;
				}

			.printPage {
				background:url(images/print_ico.png) 3px 0 no-repeat;
				padding:5px 3px 5px 33px;
				}


/* ---------- 6.0 CONTENT ---------- */



	/* ---------- 5.3 ACCOUNT & CONTACT FORM---------- */
	
	#Contact #colLeft form {
		width:470px;
		}
	
	#Contact #colLeft p {
		margin-top:10px;
		position:relative;
		display:block;
		width:100%;
		top:0;
		left:0;
		z-index:10;
		}


	#Contact #colLeft dd.radio {
		margin-bottom:12px;
		position:relative;
		}
	
	#Contact #colLeft label {
		color:#5D5C58;
		padding-right:210px;
		font-size:1.0em;
		display:block;
		}
	
	#Contact  #colLeft input, #Contact #colLeft #form select {
		border:1px solid #CFCFCF;
		width:200px;
		position:absolute;
		/*display:block;*/
		background:#fff;
		right:0;
		top:0;
		height:1.3em;
		font-size:1.0em;
		z-index:200;
		}

	#Contact #colLeft #checkout input {
		border:0;
		width:auto;
		position:static;
		/*display:block;*/
		background:#fff;
		right:0;
		top:0;
		height:auto;
		font-size:1.0em;
		z-index:200;
		}
	
	#Contact #colLeft select {
		width:202px;
		background:#22AAE3;
		color:#fff;
		font-weight:bold;
		height:1.2em;
		}
		
	#Contact #colLeft .checkBox label {
		padding:0 0 0 20px;
		}

	#Contact #colLeft .checkBox input {
		border:0;
		height:16px;
		width:16px;
		left:0;
		top:0;
		z-index:200;
		}
	
	#Contact #colLeft .radio input {
		border:0;
		margin-right:236px;
		height:16px;
		width:16px;
		}
		
	#Contact #colLeft .radio2 input {
		border:0;
		margin-right:5px;
		height:16px;
		width:16px;
		}
	
	#Contact #colLeft #last input {
		border:0;
		margin-right:234px;
		height:16px;
		width:16px;
		}
	
	#Contact #colLeft select option {
		color:#fff;
		background:#22AAE3;
		padding:3px 9px;
		border-bottom:1px solid #fff;
		font-size:1.0em;
		font-weight:normal;
		}
	
	#Contact #colLeft textarea {
		border:1px solid #CFCFCF;
		width:468px;
		height:160px;
		margin-top:8px;
		font-size:1.2em;
		}
	
	#Contact #colLeft .button {
		background:#22AAE3;
		color:#fff;
		font-weight:bold;
		font-size:1.1em;
		cursor:pointer;
		width:160px;
		height:1.6em;
		position:static;
		padding:0 0 3px 0;
		margin:0 0 10px 0px;
		}
	
	
	#Contact #colLeft a.button { 
		display:block; 
		text-align:center;
		text-decoration:none;
		height:1.6em;
		padding:5px 0 0 0;
		}
	
	#Contact #colLeft .button:hover {
		background:#E2007A;
		border:#CF0073 solid 2px;
		}

	/* ---------- 5.4 FEEDBACK---------- */
	
	#feedback table td {
		border-bottom:1px dashed #ccc;
		border-left:1px dashed #ccc;
		padding:5px 0;
		text-align:center;
		}

	#feedback table th {
		border-bottom:1px dashed #ccc;
		}

	#feedback table thead th {
		text-align:center;
		}

	#feedback table tbody th {
		font-weight:normal;
		padding:5px 0;
		}

	#Contact #feedback table input {
		border:0;
		height:16px;
		width:16px;
		position:static !important;
		}



			





/* ---------- 7.0 FOOTER ---------- */
#footer {
	background: url(images/footer.png) 0 0 no-repeat;
	clear:both;
	padding:70px;
	height:2em;
	text-align:left;
	}

#footer ul {
	display:block;
	}


#footer li {
	display:inline;
	}

#footer li.copyright {
	margin-left:20px;
	}

#footer li.powered {
	margin-left:20px;
	}

#footer a {
	color:#009ee0;
	text-decoration:none;
	font-weight:normal;
	margin:0 5px;
	border-bottom:2px dotted #fff;
	}

#footer a:hover {
	text-decoration:none;
	border-bottom:2px dotted #009ee0;
	}

/* ---------- 8.0 NOTIFICATION ---------- */
#notification {
	background:#008FD0;
	width:240px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -120px;
	color:#000;
	z-index:1000;
	display:none;
	padding:10px 10px;
	text-align:left;
	border:4px solid #fff;
	}

#notification h3 {
	font-size:1.7em;
	color:#fff;
	}

#notification p {
	background:#fff;
	display:block;
	padding:9px 10px;
	margin-bottom:10px;
	color:#7A7A7A;
	}

#notification a {
	border:#0094CF solid 1px;
	background:#009EE0;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	width:150px;
	height:1.8em;
	position:static;
	padding:2px 10px;
	margin:0 0 10px 0px;
	text-decoration:none;
	}