/* ------------------------------------------------------------------------
	Name: master.css
	Description: CSS file containing all the layout related code

	Table of content:
	- Import - Other CSS files needed for the site.
	- Master Redefinition - Master browser defaults redefinition.
	- Shell - Main website shell (header/content/footer).
	- Header - Header specific code.
	- Content - This is the content specific code
		- Subnav - Code relative to the content subnav
		- Bundles listing - Style for the bundles listing, an horizontal, 3 col list.
		- Forms - Forms styling and form items styling
		- Dropdown - Code specific to the CSS dropdowns
		- Paging - Code for the differents pagings
		- Forfaits Listing - Code the the forfaits listing
		- Features - Code specific for the featured photos on top of details pages
		- Forfait details - Code specific to the forfait details page
		- Simple listing - Does that need explanation? 
		- Simple listing for « Qui sommes nous page » - extra rules for another simple listing
		- Overlay boxes - Code for the box that goes over the flash/fullscreen images
		- Schedule - Code for the schedule table
		- Calendars - Lateral calendars
		- Blue box - Code used for the blue boxes, used to put content in evidence
		- Conditions de glisse - Code for the conditions e glisse page
		- États des pistes - Code for the états des pistes page.
		- Meteo - Code for the meteo page.
		- Personnalisez votre expérience - Code for the personnalisez votre expérience page.
		- Sliders - Code for the show/hide sliders.
		- Abonnements saisonniers
		- Nouvelles
		- Sitemap
		- Se rendre
		- Accumulations
	- Full width content - This is the specific code for the content that takes the full width
		- Filters - Code specific for the filters sidebar
		- Results - Code specific for the photo gallery results
	- Content-footer - Code for the content footer, mainly utilities (social sharing, print)
	- Sidebar - Sidebar elements specific CSS
	- Footer - Footer specific code.
	- Home - Home specific code. This is a larger version of the layout (100%)
	- Fixed layout.
	- Hub landings width fixed background.
	- Miscellaneous - Mainly dev stuff.
	- Template page Atom
	- Meteo Splash page
	- Le Train
------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------
	Import
------------------------------------------------------------------------- */

	@import url(titles.css);
	@import url(menus.css);
	@import url(buttons.css);
	@import url(forms.css);
	@import url(grid.css);

/* ------------------------------------------------------------------------
	Master Redefinition
------------------------------------------------------------------------- */

	* { border: 0; margin: 0; padding: 0; }

	html {
		overflow-y: scroll;
	}
	
	body {
		background: #33302E; /*#555555 url(../images/all/backgrounds/body-pattern.jpg) top left repeat-x;*/
		color: #707070;
		font: 62.5%/1.2 Arial, Verdana, Sans-serif;
	}
	
	body.home, body.hub { background: #33302e; }
	
	a { text-decoration: none; color:black;}
	a :hover{color:#555;}
	a:focus { outline: none; }
	a.black { color: #000 !important; }
	a.black:hover { color: #555 !important; }
	#ajax .fright a { color: #FBA211; text-decoration: underline; }
	#ajax .fright a:hover { text-decoration: none; }
	
	a.selected {
		background: url(../images/all/backgrounds/selected-arrow.gif) center left no-repeat;
		color: #555555 !important;
		padding: 0 0 0 5px;
		text-decoration: none !important;
	}
	
	a.selected:hover { text-decoration: underline !important; }
	
	a.link {
		color: #FBA211;
		text-decoration: underline;
	}
	
	a.link:hover { text-decoration: none; }
	
	h2 {
		background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
		float: left;
		font-size: 1.4em;
		margin: 10px 0 10px;
		padding: 0 0 5px;
		text-transform: uppercase;
		width: 100%;
	}
	
	h2.no-underline {
		background: none;
		padding-bottom: 0;
	}
	
		h2 a {
			color: #FBA211;
			float: right;
			font-size: 0.6em;
			font-weight: normal;
			margin: 9px 0 0 0;
			text-decoration: underline;
			text-transform: none;
		}
		h2 a:hover {
			text-decoration: none;
		}

		h2 span.wrap { float: left; }
		
		h2 small {
			color: #888888;
			float: right;
			font-size: 0.67em;
			font-weight: normal;
			margin: 5px 0 0 0;
			text-align: right;
			text-transform: none;
		}
		
		h2.headline_home_right, h2.headline_home_left { display:none; color:#fff; /*background: url(../images/templates/accueil-bg-title.png) no-repeat ;*/

background: url(../images/all/backgrounds/hub-intro2.png) no-repeat; font-weight:100;
font-size:25px;padding-bottom: 0; text-transform:none;  width:450px; padding:15px 25px;  }
		h2.headline_home_left { margin:75px 0 0 7px; float:left; text-align:left}
		h2.headline_home_right { margin:75px 1px 0 0; float:right; text-align:right}
		h2.active{display:block}
		
	input,select,textarea { color: #333; }


/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

	.bigger { font-size: 1.1em; }
	.biggest { font-size: 1.2em; }

	.cboth	{ clear: both; }
	
	.fleft	{ float: left !important; }
	.fright { float: right !important; }
	
	.hide { display: none; }
	
	.hr,
	.content_hr {
		background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
		height: 1px;
		margin: 15px 0;
		overflow: hidden;
		width: 100%;
		clear: both;
	}
	
	.no-results {
		padding: 20px 0;
		text-align: center;
		width: 100%;
	}
	
	.no-width { width: auto !important; }
	
	.noPaddingTop { padding-top: 0 !important; }
	.padding-top { padding-top: 20px !important; }

	.margin-top { margin-top: 15px !important; }
	.margin-bottom { margin-bottom: 5px !important; }
	
	.green { color: #438e39; }
	.red { color: #ff0000; }
	.blue { color: #0076a3; }
	.black { color: #000; }
	
	.events-nav { margin-top: 6px !important; }
	.events-nav a { color: #FBA211 !important; }
	.events-nav a.selected { color: #555 !important; }
	
	.disabled { cursor: default; opacity: 0.4; }
	


/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

	#page {
		overflow: hidden;
		width: 100%;
		position: relative;
		z-index: 100;
	}

	#header-container {
		background: url(../images/all/backgrounds/header-pattern.jpg) top left repeat-x;
		position: relative;
		width: 100%;
		z-index: 9999;
	}

	#header {
		background: url(../images/all/backgrounds/header-background.jpg) top center no-repeat;
		height: 64px;
		margin: 0 auto;
		position: relative;
		width: 925px;
		z-index: 9999;
	}
	
	#content-container {
		/*background: url(../images/all/backgrounds/sidebar-pattern.gif) 689px 0 repeat-y;*/
		margin: 20px auto 0 auto;
		width: 955px;
		position:relative
	}
	
	
	
	#content-footer {
		background: #f0f0f0 url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
		bottom: 0;
		left: 13px;
		padding: 12px 20px;
		position: absolute;
		width: 656px;
	}
	
	#sidebar {
		float: left;
		font-size: 1.1em;
		margin: 0 0 0 -11px;
		padding: 20px 0 0 0;
		position: relative;
		width: 235px;
		z-index: 0;
	}
	
	#footer-container {
		background: #000;
		clear: both;
		float: left;
		margin: 35px 0 0 0;
		width: 100%;
	}
	
	#footer {
		color: #8c8b89;
		height: 15px;
		margin: 0 auto;
		padding: 3px 0 0 0;
		text-transform: uppercase;
		width: 925px;
	}


/* ------------------------------------------------------------------------
	Header
------------------------------------------------------------------------- */

	#le-massif {
		float: left;
		margin: 15px 0 0 0;
	}
	
	#paranav {
		color: #797776;
		float: right;
		margin: 8px 0 0 0;
		text-transform: uppercase;
	}
	
		#paranav li {
			display: block;
			float: left;
			margin: 0 0 0 18px;
		}
	
		#paranav a { color: #797776; }
		
		#paranav a:hover { color: #fca311; }
		
		#paranav form {
			overflow: hidden;
			position: relative;
			top: -2px;
		}
		
		#paranav fieldset {
			background: none;
			margin: 0;
			padding: 0;
		}
		
		#paranav label {
			color: #9b9b9b;
			left: 4px;
			position: absolute;
			top: 2px;
		}
		
		#paranav input {
			background: #535353;
			border: 1px #2c2a29 solid;
			color: #9b9b9b;
			float: left;
			font-size: 1em;
			height: 14px;
			padding: 1px 4px 0 4px;
			width: 99px;
		}
		
		#paranav input.submit {
			border: 0;
			float: left;
			height: 17px;
			left: -1px;
			padding: 0;
			position: relative;
			width: 19px;
		}
	
	#menu {
		float: right;
		margin: 8px 0 0 0;
	}
	
		#menu li {
			display: block;
			float: left;
			margin: 0 0 0 25px;
		}
		
		#menu a {
			display: block;
			height: 17px;
			overflow: hidden;
			text-indent: -10000px;
		}
		
		#menu .selected a,
		#menu a:hover {
			background-position: 0 -31px !important;
		}
		
	#submenu-container {
		background: url(../images/all/backgrounds/submenu-background.png) top center no-repeat;
font-size:11px;
font-weight:700;
		height: 39px;
		position: relative;
		width: 100%;
		z-index: 0;
	}
	
		#submenu {
			margin: 0 auto;
			position: relative;
			width: 925px;
			z-index: 0;
		}
	
			#submenu ul {
				background: url(../images/all/backgrounds/submenu-separator.png) top right no-repeat;
				float: right;
			}
		
				#submenu li {
					background: url(../images/all/backgrounds/submenu-separator.png) top left no-repeat;
					display: block;
					float: left;
				}
				
				#submenu .sub-train-fr li {padding:0 0px 0 0px;}
        
				#submenu a,
				#subnav a {
					cursor: pointer;
					display: block;
					padding: 0 8px 0 0;
					color: #33302e !important;
					position: relative;
					text-decoration: none !important;
				}
			
					#submenu .wrap {
						display: block;
						padding: 0 0 0 8px;
					}
			
					#submenu .title,
					#subnav .title {
						display: block;
						height: 30px; line-height: 32px;
						text-indent: 0; overflow: visible;
						text-indent: 0;
					}
				
				#submenu .selected a,
				#submenu a:hover,
				#subnav .selected a,
				#subnav a:hover {
					background: url(../images/all/backgrounds/submenu-hover-right-8.png) top right no-repeat;
					color: #101010 !important;
				}
				
				#submenu .selected .wrap,
				#submenu a:hover .wrap,
				#subnav .selected .wrap,
				#subnav a:hover .wrap {
					background: url(../images/all/backgrounds/submenu-hover-left.png) top left no-repeat;
					display: block;
				}
				
				#submenu .selected .title,
				#submenu .selected a:hover .title,
				#subnav .selected .title,
				#subnav .selected a:hover .title {
					background-position: 50% -23px !important;
				}
				
				#submenu a:hover .title {
					background-position: 50% -52px !important;
				}
		
		#personalisez {
			background: url(../images/all/backgrounds/personalisez-bottom.png) 12px 100% no-repeat;
			left: -21px;
			list-style: none;
			padding: 0 0 10px 0;
			position: absolute;
			top: 64px;
			width: 160px;
			z-index: 2;
		}
		
			#personalisez li {
				background: url(../images/all/backgrounds/personalisez-pattern.png) 13px 0 repeat-y;
				display: none;
				padding: 6px 25px 13px 34px;
			}
			
			#personalisez li.first {
				background: none;
				display: block;
				margin: 0 0 -6px 0;
				padding: 0;
				position: relative;
				z-index: 1;
			}
			
			#personalisez img {
				display: block;
				margin: 0 0 10px 0;
			}
			
			#personalisez span {
				display: block;
				height: 8px;
				overflow: hidden;
				text-indent: -10000px;
			}
			
			#personalisez a:hover span {
				background-position: 0 -8px;
			}


/* ------------------------------------------------------------------------
	Content
------------------------------------------------------------------------- */

	#content {
		background: url(../images/all/backgrounds/content-pattern.png) top left repeat-y;
		float: left;
		font-size: 1.2em;
		line-height: 1.3;
		padding: 20px 30px 70px 33px;
		position: relative;
		width: 657px;
		z-index: 1;
	}
	
	/* content box with no right sidebar */
	#content.one-col {
		background: #fff;
		clear: both;
		float: left;
		margin: 30px 0 0 12px;
		padding: 0;
		position: relative;
		width: 928px;
		z-index: 0;
	}
	
	#content h1 {
		background: url(../images/all/backgrounds/title-arrow.gif) bottom left no-repeat;
		color: #444;
		float: left;
		font-size: 2.33em;
		font-weight: normal;
		line-height: 0.8;
		margin: 0 0 10px -20px;
		padding: 0 0 0 20px;
		text-transform: uppercase;
		width: 100%;
	}
	
		#content h1 .wrap {
			background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
			display: block;
			float: left;
			padding: 0 10px 6px 0;
			width: 645px;
		}
		
		.full-width #content h1 .wrap { width: 885px; }
		
		/* I know, if the content change this solution doesn't work, but design decision...*/
		
		#content h1 span.update {
			color: #333;
			float: left;
			font-size: 0.50em;
			left: 115px;
			position: absolute;
			text-transform: none;
			top: 9px;
		}
		body#en #content h1 span.update { left: 147px; }
		
		.carte-des-pistes #content h1 span.update { left: 245px !important; }
		body#en.carte-des-pistes #content h1 span.update { left: 155px !important; }
		
		.etat-des-pistes #content h1 span.update { left: 223px; }
		body#en.etat-des-pistes #content h1 span.update { left: 200px; }
		
	#content h4 {
		color: #636363;
		font-size: 1em;
		font-weight: normal;
		margin: 0 0 1px 0;
	}
	
		#content h4 span {
			font-size: 1.42em;
			text-transform: uppercase;
		}
		
		#content h4 strong {
			font-size: 1.2em;
		}
	
	#content p {
		margin: 0 0 10px 0;
	}
	
	table {
		border: 1px #d5d5d5 solid;
		border-right: 0;
		margin: 0 0 5px 0;
		text-align: left;
	}
	
		table th {
			background: #e8e8e8;
			border-right: 1px #d5d5d5 solid;
			border-top: 1px #fff solid;
			color: #444444;
			font-size: 0.92em;
			padding: 5px 10px;
			text-transform: uppercase;
		}
		
		table th span {
			float: left;
		}
		
		table th a {
			color: #5e5e5e;
			float: right;
			font-size: 0.77em;
			text-decoration: underline;
			text-transform: none;
		}
		
		table th a:hover { text-decoration: none; }
		
		table .separator td {
			background: none;
			border-top: 1px #d5d5d5 solid;
			padding: 0;
		}
		
			table .separator td span { display: block; height: 5px; overflow: hidden; }
		
		table h3 {
			font-size: 1.1em !important;
		}
		
		table td {
			border-right: 1px #d5d5d5 solid;
			color: #444444;
			font-size: 0.92em;
			padding: 1px 10px;
		}
		
			table td.all { padding-bottom: 5px; }
		
			table td .stars-5,
			table td .stars-4,
			table td .stars-3,
			table td .stars-2,
			table td .stars-1,
			table td .stars-0 { margin: 0 0 12px 0; }

			table td a {
				color: #8d8c8c;
			}

			table td a:hover {
				color: #333333;
			}

		table .last-row td { background: none; }

		table td.label {
			font-size: 0.87em;
		}
		
		.table-note {
			margin: 0 0 50px 0 !important;
		}
		
		.table-note img {
			display: inline-block;
			position: relative;
			top: 2px;
		}
		
	table.partners {
		border: 0;
		width: 100%;
	}
	
		table.partners td {
			border: 0;
			text-align: left;
			vertical-align: middle;
			padding: 20px 10px;
		}
		
		table.partners td.logo {
			text-align: center;
		}
		
			table.partners td.logo img { float: none !important; }
	
	
	/* ------------------------------------------------------------------------
		Subnav
	------------------------------------------------------------------------- */
	
	#content #subnav {
		float: right;
		margin: 0px -19px 10px 0;
	}
	
	
	
	#subnav.trail-map {float:left;}

		#subnav li {
			display: block;
			float: left;
		}
	/*
		#subnav a {
			cursor: pointer;
			display: block;
			padding: 0 10px 0 0;
		}
	  */
			#subnav .wrap {
				display: block;
				padding: 0 0 0 10px;
			}
	/*
			#subnav .title {
				display: block;
				height: 30px;
			}
		
		#subnav .selected a,
		#subnav a:hover {
			background: url(../images/all/backgrounds/submenu-hover-right.png) top right no-repeat;
		}
		
		#subnav .selected .wrap,
		#subnav a:hover .wrap {
			background: url(../images/all/backgrounds/submenu-hover-left.png) top left no-repeat;
			display: block;
		}*/
		
		#subnav .selected .title { background-position: 50% -22px !important; }
		
		#subnav a:hover .title { background-position: 50% -52px !important; }


	/* ------------------------------------------------------------------------
		Bundles
	------------------------------------------------------------------------- */
	
		.bundles {
			background: url(../images/all/backgrounds/bundles_3_cols.gif) top left repeat-y;
			float: left;
			list-style: none;
			margin: 0 0 20px 0;
		}
		
			.bundles li {
				display: block;
				float: left;
				margin: 0 10px 0 0;
				min-height: 175px;
				overflow: hidden;
				padding: 0 9px 5px 9px;
				position: relative;
				text-align: center;
				width: 194px;
			}
			
			.bundles li:hover { color: #444; cursor: pointer; }
			
			.bundles li.last {
				margin-right: 0;
			}
			
			.bundles img {
				border-bottom: 1px #fff solid;
				display: block;
				margin: 0 0 10px -10px;
				position: relative;
				z-index: 0;
			}
			
			.bundles h3 {
				background: url(../images/all/backgrounds/orange-double-quotes.gif) -18px center no-repeat;
				color: #444444;
				font-size: 1.25em;
				font-weight: normal;
				margin: 0 0 10px 0;
				padding: 0 0 0 20px;
				text-transform: uppercase;
			}
			
				.bundles h3 .wrap {
					background: url(../images/all/backgrounds/orange-double-quotes.gif) 112% center no-repeat;
					display: block;
					padding: 0 20px 0 0;
				}
				
				.bundles .title-two-lines h3 {
					margin: -8px 0 0 0;
				}
			
			.bundles p { font-size: 0.92em; margin: 0 !important; }
			
			.bundles a {
				background: url(../images/all/backgrounds/transparent.gif) top left repeat;
				height: 100%;
				left: 0;
				position: absolute;
				text-indent: -10000px;
				top: 0;
				width: 100%;
				z-index: 10;
			}


		/* ------------------------------------------------------------------------
			Forms
		------------------------------------------------------------------------- */
		
		a.checkbox {
			background: url(../images/all/backgrounds/checkbox.gif) top left no-repeat;
			color: #8d8c8c;
			display: block;
			font-size: 0.9em;
			min-height: 13px;
			padding: 0 0 0 19px;
		}
		
		a.checkbox:hover {
			color: #d58800 !important;
		}
		
		a.checked {
			color: #333 !important;
			background-position: 0 -44px;
		}
		
		
		/* ------------------------------------------------------------------------
			Dropdown
		------------------------------------------------------------------------- */
		
		.dropdown {
			float: left;
			margin: 8px 0 10px 0;
			position: relative;
			width: 310px;
			z-index: 100;
		}
		
		.large { width: 400px; }
		
			.dropdown p {
				float: left;
				font-size: 0.95em;
				margin: 0 10px 0 0 !important;
			}
			
			.dropdown ul {
				background: url(../images/all/backgrounds/arrow-dropdown.gif) top right no-repeat;
				float: left;
				font-size: 0.9em;
				right: 0;
				line-height: 17px;
				list-style: none;
				position: absolute;
				top: 0;
				width: 200px;
			}
			
			.dropdown li {
				background: #fff;
				border-left: 1px #a6a3a3 solid;
				border-right: 1px #a6a3a3 solid;
				display: none;
				min-height: 17px;
				margin: 0;
				padding: 0 24px 0 5px;
			}
			
			.dropdown li.first {
				background: none;
				border: 0;
				border-left: 1px #a6a3a3 solid;
				display: block;
				padding-right: 0;
			}
			
			.dropdown a {
				color: #333;
				cursor: pointer;
				display: block;
				min-height: 17px;
			}
			
			.dropdown a:hover {
				color: #D58800;
			}


		/* ------------------------------------------------------------------------
			Pagings
		------------------------------------------------------------------------- */
		
		.paging {
			float: right;
			list-style: none;
		}
		
		#ajax .paging { margin: 5px 0 0 0; }
		
			.paging li {
				display: block;
				float: left;
			}
			
			.paging a,
			.paging span {
				color: #666666;
				display: block;
				line-height: 21px;
				text-align: center;
				text-decoration: none !important;
				width: 21px;
			}
			
			.paging a:hover {
				color: #d58800;
			}
			
			.paging .selected a {
				background: #f4f5f8;
				color: #d58800;
				font-weight: bold;
			}


		/* ------------------------------------------------------------------------
			Forfaits Listing
		------------------------------------------------------------------------- */
		
		.forfaits-listing {
			background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
			float: left;
			list-style: none;
			margin: 2px 0 10px 0;
			padding: 1px 0 0 0 !important;
			width: 100%;
		}
		
			.forfaits-listing li {
				border-bottom: 1px #cdcfd2 solid;
				clear: both;
				float: left;
				padding: 15px 0;
				position: relative;
				width: 100%;
			}
			
			.forfaits-listing li:hover {
				background: #f4f5f8;
			}
			
			.forfaits-listing img,
			.forfaits-listing .img  {
				display: block;
				float: left;
				margin: 0 20px 0 0;
			}
			
			.forfaits-listing .col-left {
				background: url(../images/all/backgrounds/dotted-line.gif) top right repeat-y;
				float: left;
				margin-bottom: 0 !important; /* Override the page-atom declaration */
				min-height: 110px;
				padding: 15px 35px 0 0;
				width: 345px;
			}
			
			.forfaits-listing .col-right {
				float: left;
				margin: 30px 0 0 0;
				padding: 10px 0 0 20px;
				width: 105px;
			}
			
			.forfaits-listing h2 {
				background: none;
				color: #d58800;
				font-size: 0.9em;
				margin: 0;
				padding: 0;
			}
			
			.forfaits-listing p {
				font-size: 0.92em;
			}
			
			.forfaits-listing .col-right p {
				font-size: 1em;
				margin: 0 0 7px 0 !important;
			}
			
			.forfaits-listing a {
				background: url(../images/all/backgrounds/transparent.gif) top left repeat;
				left: 0;
				height: 100%;
				overflow: hidden;
				position: absolute;
				text-indent: -10000px;
				top: 0;
				width: 100%;
				z-index: 10;
			}
			
		.inside #content .tab .forfaits-listing {
			background: none;
			margin: 0;
		}
			
			.inside #content .tab .forfaits-listing .col-right {
				width: 105px;
			}
      
      .evenement-header {
        clear: both;
      }
      .evenement-header span {
        display: block; 
        background-color: #F4F5F8; 
        height: 24px;
        width: 657px;
        margin: 0px; 
        padding: 0px;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
        text-indent:0px;
      }
		
		/* ------------------------------------------------------------------------
			Features
		------------------------------------------------------------------------- */
		
		.features {
			height: 205px;
			margin: 0 0 20px -20px;
			position: relative;
		}
		
			.features .potd {
				background: #fff;
				font-size: 0.92em;
				padding: 2px 10px 5px 10px;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 2;
			}
		
			.features .fullscreen, .slideshow-suggestions .fullscreen {
				position: absolute;
				z-index: 1;
			}
		
			.features .features-nav {
				background: #fff;
				bottom: 0;
				left: 20px;
				padding: 0 7px;
				position: absolute;
				z-index: 0;
			}
		
			.features .slideshow-nav {
				clear: both;
				list-style: none;
				padding: 4px 0 0 0;
			}
		
        
				.features .slideshow-nav li {
					display: block;
					float: left;
				}
				
					.features .slideshow-nav a,
					.features .slideshow-nav span {
						color: #999494;
						float: left;
					}
					
					.features .slideshow-nav span {
						display: block;
						text-align: center;
						width: 30px;
					}
					
					.features .slideshow-nav a.next { margin: 0 0 0 2px; }
			
			.features .photos-nav .previous,
			.features .photos-nav .next,
			.features .photos-nav .previous:hover,
			.features .photos-nav .next:hover { border: 0; float: left; }
			
			.features .valign { margin-top: 33px; }
			
			.features .photos-nav ul {
				float: left;
				height: 67px;
				margin: 8px;
				overflow: hidden;
				position: relative;
				width: 315px;
			}
				
			.features .photos-nav li {
				display: block;
				float: left;
				width: 102px;
			}
			
			.features .photos-nav img {
				display: block;
			}
			
			.features .photos-nav a {
				border: 1px #d3d2d2 solid;
				display: block;
			}
			
			.features .photos-nav a:hover,
			.features .photos-nav .selected a {
				border: 1px #FBA211 solid;
			}
			
			.features .infos {
				bottom: 0;
				color: #aaa;
				font-size: 0.92em;
				min-height: 40px;
				line-height: 1;
				position: absolute;
				right: -19px;
				text-align: right;
				width: 183px;
				z-index: 2;
			}
			
				.features .infos .content {
					background: url(../images/all/backgrounds/info-background.png) top left repeat;
					padding: 7px 42px 11px 10px;
				}
			
				.features .infos p { margin: 0 !important; }
			
				.features .infos .dark { color: #888; }
		
		
		/* ------------------------------------------------------------------------
			Forfait details
		------------------------------------------------------------------------- */
		
		.forfait-details {
			
		}
		
			.forfait-details h1 span { background: none !important; }
			
			.forfait-details .full-list {
				color: #555555;
				margin: 1px 0 0 10px;
				text-decoration: underline;
			}
			
			.forfait-details .full-list:hover { text-decoration: none; }
			
			.forfait-details .nav,
			.nouvelles .nav {
				float: right;
				list-style: none;
				margin: 4px 30px 0 0;
			}
			
			.nouvelles .nav { margin-right: 0; }
			
				.forfait-details .faded-top .nav li,
				.nouvelles .nav li {
					display: block;
					float: left;
					font-size: 0.8em;
					margin: 0 0 0 10px;
				}
				
				.forfait-details .faded-top .nav a,
				.nouvelles .nav a { color: #a1a1a1; }
				
				.forfait-details .faded-top .nav a:hover,
				.nouvelles .nav a:hover { color: #555555; }
				
				.forfait-details .faded-top .nav .previous,
				.nouvelles .nav .previous			{ background-position: 0 -119px; padding: 2px 0 0 20px; width: auto; }
				.forfait-details .faded-top .nav .previous:hover,
				.nouvelles .nav .previous:hover		{ background-position: 0 -139px; }
				
				.forfait-details .faded-top .nav .next,
				.nouvelles .nav .next { background-position: 100% -159px; height: auto; padding: 2px 20px 0 0; width: auto; }
				.forfait-details .faded-top .nav .next:hover,
				.nouvelles .nav .next:hover	{ background-position: 100% -179px; }
			
		.inside #content .tabs {
			float: left;
			list-style: none;
			margin: 0 0 0 -20px;
		}
		
		.inside #content .faded-top .tabs {
			float: left;
			list-style: none;
			margin: 0 0 0 0px;
		}
		
			.inside #content .tabs li {
				background: url(../images/all/backgrounds/inside-tabs-separator.gif) top right no-repeat;
				display: block;
				float: left;
				padding: 0 2px 0 0;
			}
			
			.inside #content .tabs a {
				background: url(../images/all/backgrounds/tab-pattern.gif) top left repeat-x;
				display: block;
				text-decoration: none;
			}
			
			.inside #content .tabs .selected a,
			.inside #content .tabs a:hover { background: #fff; }
			
			.inside #content .tabs a span.wrap {
				color: #a1a1a1;
				display: block;
				font-size: 1.33em;
				height: 24px;
				padding: 0 10px;
				text-transform: uppercase;
			}
			
			.inside #content .tabs a:hover span.wrap {
				color: #636363;
			}
			
			.inside #content .tabs .selected a span.wrap {
				color: #636363;
			}
			
		.inside #content .horizontal-tabs {
			float: left;
			list-style: none;
			margin: 0 0 10px 0;
		}
		
			.inside #content .horizontal-tabs li {
				background: 0;
				margin: 0 5px 5px 0;
			}
			
			.inside #content .horizontal-tabs li.selected a span {
				color: #707070;
				text-decoration: none;
			}
			
			.inside #content .horizontal-tabs li.selected a:hover span {
				text-decoration: underline;
			}
			
			.inside #content .horizontal-tabs a span {
				color: #d58800;
				text-decoration: underline;
			}
			
			.inside #content .horizontal-tabs a:hover span {
				text-decoration: none;
			}
			
			.inside #content .horizontal-tabs span {
				padding: 0 0 0 20px;
			}
			
		.inside #content .tab {
			line-height: 1.6;
			padding: 35px 0 0 0;
		}
		
			.inside #content .tab .col-left {
				float: left;
				margin: 0 25px 0 0;
				width: 310px;
			}
			
			.inside #content .tab .col-right {
				float: left;
				width: 320px;
			}
			
/*			.inside #content .tab h2 {
				font-size: 1.4em;
				margin: 10px 0;
			}*/
			
			.inside #content .tab .small { font-size: 0.9em; line-height: 1.3; }
			
			.inside #content .tab ul {
				clear:both;
				margin: -5px 0 25px 15px; /* margin: -10px 0 25px 15px; */
			}
			.inside.forfait-details #content .tab ul {
				line-height:1em; /*line-height:0.9em;*/	
			}
			
			.inside.forfait-details #content .tab ul ul, .inside.forfait-details #content .tab ul ol{margin-top:5px;}
			
			.inside #content .tab ul.paging { margin: 5px 0 0 0; }
			
			.inside #content .tab ul li {
				margin: 0 0 5px 0;
			}
			
			.inside #content .tab address,
			.inside #content .tab .address {
				float: left;
				font-size: 0.9em;
				font-style: normal;
				line-height: 1.2;
				margin: 0 20px 10px 0;
				width: 140px;
			}
			
			.inside #content .tab .address { margin-top: 5px; }
			
			.inside #content .tab .contact {
				background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-y;
				font-size: 0.9em;
				margin: 0 0 10px 0;
				padding: 0 0 0 10px;
				width: 140px;
			}
			
				.inside #content .tab .contact .email {
					padding-left: 22px;
				}
			
			.inside #content .tab a {
				color: #E29000;
				text-decoration: underline;
			}
			
			.inside #content .tab a:hover { text-decoration: none; }
			
			.inside #content .details {
				list-style: none;
				margin: 0 0 0 15px;
			}
			
				.inside #content .details li {
					background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
					margin: 0 0 10px 0;
					padding: 0 0 10px 0;
				}
				
				.inside #content .details h3 {
					color: #636363;
					text-transform: uppercase;
				}
				
				.inside #content .details p { margin: 0; line-height:1.6em; }
				
			.inside .dispo-box {
				background: #f0f0f0;
				padding: 20px 15px;
			}
			.inside .dispo-box.temp { min-height: 200px; margin-bottom: 15px; }
			
				.inside .dispo-box h4 {
					color: #636363;
					font-size: 0.9em !important;
					line-height: 1;
					margin: 0 0 10px 0 !important;
					text-transform: uppercase;
				}
			
				.inside .dispo-box label {
					color: #292929;
					display: block;
					font-size: 0.92em;
				}
				
				.inside .dispo-box input {
					border: 1px #a6a3a3 solid;
					color: #7d7d7d;
					margin: 0 0 5px 0;
					padding: 1px 2px;
					position: relative;
					top: -5px;
					width: 115px;
				}
				
				.inside .dispo-box input.submit {
					border: 0;
					float: right;
					margin: 15px 0 0 0;
					padding: 0;
				}
				
				.inside .dispo-box select {
					border: 1px #a6a3a3 solid;
					margin: 0 0 8px 0;
					width: 30px;
				}
				
				.inside #content .dispo-box .col-left { margin: 0; width: 208px; }
				
				.inside #content .dispo-box .col-right { width: 80px; }
		
		.faded-top {
			background: url(../images/all/backgrounds/faded-top-pattern.jpg) bottom left repeat-x;
			float: left;
			margin: 0 -20px 0 -20px;
			width: 696px;
		}
		
		.faded-top h1 { margin: 0 0 17px 0 !important; }
		
		#content .faded-top p,
		#content .faded-top .dropdown { margin: 0 20px 15px 20px; }


/* ------------------------------------------------------------------------
	Simple Listing
------------------------------------------------------------------------- */

	#content .simple-listing {
		list-style: none;
		margin: 0 !important;
	}
	
		#content .simple-listing li {
			background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
			margin: 0 0 25px 0;
			padding: 0 0 10px 0;
		}
		
		#content .simple-listing h4 {
			float: left;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		#content .simple-listing .date {
			float: right;
			font-size: 0.92em;
		}
		
		#content .simple-listing .author {
			font-style: italic;
		}
		
		/* Qui sommes nous - team listing */
		#content #team.simple-listing {
			background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
			float: left;
			padding-top: 25px;
		}
			
			#content #team.simple-listing li {
				float: left;
				padding-left: 170px;
				position: relative;
				width: 470px;
			}
			
				#content #team.simple-listing li h4 { 
					float: none;
					color: #ffa811;
					font-size: 1em;
					margin: 0;
				}
				
				#content #team.simple-listing li h5 {
					margin-bottom: 5px;
					font-size: 1em;
				}
				
				#content #team.simple-listing li p {
					color: #6c6f70;
				}
		
				#content #team.simple-listing li img.portrait { 
					position: absolute;
					top: 49px;
					left: 0;
				}


/* ------------------------------------------------------------------------
	Overlay boxes
------------------------------------------------------------------------- */

	.overlay-boxes {
		background: url(../images/all/backgrounds/home-boxes-background.png) top left repeat;
		border: 1px #fff solid;
		bottom: -1px;
		display: none;
		left: 50%;
		margin: 0 0 0 -478px;
		padding: 7px 0 0 10px;
		position: fixed;
		width: 950px;
	}
	
	overlay-boxes-emplois {
		background: url(../images/all/backgrounds/home-boxes-background.png) top left repeat;
		border: 1px #fff solid;
		bottom: -1px;
		display: none;
		left: 50%;
		margin: 0 0 0 -478px;
		padding: 7px 0 0 10px;
		position: fixed;
		width: 950px;
	}
	
	.overlay-box {
		background: url(../images/all/backgrounds/overlay-box.png) top left repeat;
		float: left;
		height: 160px;
		margin: 0;
		padding: 11px 13px 0 20px;
		width: 283px;
	}
	
		.overlay-box h2 {
			margin: 0 0 9px 0;
			padding: 0;
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', Sans-serif; 
			color: #000;
			font-weight: normal;
			font-size: 12px;
			background: none;
			text-transform: uppercase;
			float: left;
			width: auto !important; width: 1%;
		}
		
		.overlay-box .txt-tabs a, #content_master .hub-block-small-tabbed .tabs a{
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', Sans-serif; 
			color: #a1a1a1;
			font-weight: normal;
			font-size: 12px;
			background: none;
			text-transform: uppercase;
			float: left;
		}
		.overlay-box .txt-tabs li.selected a, #content_master .hub-block-small-tabbed .tabs li.selected a{color:#363636;}
    .overlay-box .txt-tabs li.webcam-photo a{font-size:0.9em; width:90px; line-height:0.9em;}
    
		.overlay-box h3 {
			clear: left;
			color: #373534;
			font-size: 1.2em;
			font-weight: normal;
			margin: 0 0 7px 0;
		}
		
		.overlay-box p {
			margin: 0 0 7px 0; clear: both;
		}
		
		.overlay-box .arrow, #content_master .arrow {
			background: url(../images/all/backgrounds/orange-arrow.gif) bottom right no-repeat;
			color: #696767;
			padding: 0 20px 0 0;
			text-decoration: underline;
		}
		
		.overlay-box .arrow:hover, #content_master .arrow :hover {
			color: #555;
			text-decoration: none;
		}
	
		.overlay-box .tabs{
			float: left;
			list-style: none;
			margin: 0 0 15px 0;
		}
		
			.overlay-box .tabs li, .hub-block-small-tabbed  .tabs li {
				display: block;
				float: left;
				margin: 0 30px 0 0;
			}
      
      .hub-block-small-tabbed  .tabs li{margin-right:40px;}
			
			body#fr .overlay-box .tabs li.last,
			body#en .overlay-box .tabs li.last, .hub-block-small-tabbed  .tabs li.last { margin-right: 0; }
		
		.overlay-box .paging {
			float: right;
			font-size: 1.1em;
			margin: -3px 0 0 0;
		}
			
			.overlay-box .paging li {
				margin: 0;
			}
			
			.overlay-box .paging a { line-height: 20px; }
			
			.overlay-box .paging .selected a,
			.overlay-box .paging a:hover {
				background: #f4f5f8;
			}
			
		.overlay-box .conditions {
			border: 0;
			margin: 0 0 0 -11px;
			width: 295px;
		}
		
			.overlay-box .conditions td, .block-content .conditions td {
				background: none;
				border: 0;
				padding: 1px 0;
			}
		
			.overlay-box .conditions .odd td {
				background: #eff0f3;
			}
			
			.overlay-box .conditions td .narrow,
			.overlay-box .conditions td .wide, 
      .block-content .conditions td .narrow, .block-content .conditions td .wide {
				display: block;
				float: left;
				font-size: 1.2em;
				margin: 0 3px 0 0;
				text-align: right;
				width: 63px;
			}
			
			.overlay-box .conditions td .wide, .block-content .conditions td .wide { width: 75px; }
			
			.overlay-box .conditions td .black, .block-content .conditions td .black {
				color: #000;
				display: block;
				float: left;
				font-size: 1.2em;
				text-align: right;
				width: 70px;
			}
			
			.overlay-box #meteo h3 {
				margin-bottom: 0;
			}
			
			.overlay-box .meteo {
				float: left;
				margin-top: -5px;
			}
			
			.overlay-box .temp {
				color: #555555;
				float: left;
				font-size: 1.4em;
				margin: 5px 0 0 20px;
			}
			
			.overlay-box .current-temp {
				color: #6c6f70;
				font-size: 2em;
			}
			
      .overlay-box #webcam-photo  ul {list-style:none;}
      .overlay-box #webcam-photo  ul li {display:block; float:left;}
      .overlay-box #webcam-photo  ul li.last {margin-left:18px;}
      
			.overlay-box a.picOfDay, .overlay-box a.webcam {
				text-decoration: none;
				color: #696767;
			}
			.overlay-box .webcam:hover,
			.overlay-box .picOfDay:hover { color: #555; }
      .overlay-box .previsions{width:130px;}
      .overlay-box .previsions.last{margin-left:20px;}
      .overlay-box .previsions .min-max{width:56px;margin:7px 0 0 5px;}


	/* ------------------------------------------------------------------------
		Schedule
	------------------------------------------------------------------------- */
	
	.schedule {
		background: #f7f7f7;
		border: 0;
		clear: left;
		width: 100%;
	}
	
		.schedule th {
			border: 0;
			color: #888888;
			line-height: 1;
			padding: 5px 0 5px 10px;
		}
		
		.schedule h3 {
			color: #000;
			font-size: 1em;
		}
		
		.schedule .odd td {
			background: #efefef;
		}
		
		.schedule td {
			background: none;
			border: 0;
			color: #888;
			line-height: 1;
			padding: 7px 7px 7px 10px;
		}
		
			.schedule td strong {
				color: #666;
				line-height: 1.3;
				text-transform: uppercase;
			}
	
	
	/* ------------------------------------------------------------------------
		Calendar
	------------------------------------------------------------------------- */
	
	.calendars {
		background: #f7f7f7;
		float: left;
		margin: 0 0 20px 0;
		padding: 20px 10px 0 10px;
		width: 636px;
	}
	
		.calendars .calendar {
			float: left;
			margin: 0 30px 0 0;
		}
		
		.calendars .last { margin-right: 0; }
	
		.calendars h6 {
			color: #888;
			font-size: 1.27em;
		}
		
		.calendars table {
			border: 0;
			width: 180px;
		}
		
		.calendars th {
			border: 0;
			border-bottom: 2px #f7f7f7 solid;
			line-height: 1.2;
			padding: 1px 3px;
			text-align: center;
		}
		
		.calendars td {
			background: #e8e8e8;
			border: 4px solid #f7f7f7; /* 'cellspacing' */ 
			color: #888888;
			line-height: 1.2;
			padding: 2px 3px;
			text-align: center;
		}
		
		.calendars td.active {
			background: #add576;
		}
		
		.calendars span.active {
			background: #add576;
			display: inline-block;
			height: 12px;
			width: 12px;
		}
		
		.calendars td.empty { background: none; }


/* ------------------------------------------------------------------------
	Blue Box
------------------------------------------------------------------------- */

	.blue-box {
		background: #F0F0F0;
		float: left;
		padding: 15px;
		width: 625px;
	}
		
		.blue-box h3 {
			color:#444444;
			font-size:1.08em;
			margin:0 0 5px;
			padding:5px 2px;
			text-transform:uppercase;
		}
	
		.grey-box h6,
		.blue-box h6 {
			color: #666666;
			font-size: 1em;
			margin: 0 0 5px 0;
		}
		
		.blue-box p {
			color: #666666;
			font-size: 0.92em;
			line-height: 1.2;
			margin: 0 0 5px 0 !important;
		}
		
		.blue-box a:hover {
			text-decoration: none;
		}
		
		.blue-box .fright { margin: 0 0 0 10px; }


/* ------------------------------------------------------------------------
	Conditions de glisse
------------------------------------------------------------------------- */

	.conditions-glisses {
		
	}
	
	.foot-note {
		/*font-size: 0.83em;*/ 
		font-size: 0.92em;
		margin: 5px 0 30px 0 !important;
	}
		
  .foot-note a {
    color: #d58800;
    text-decoration: underline;
  }
  
  .foot-note a:hover {
    text-decoration: none;
  }

  .conditions-glisses .col-left {
    float: left;
    margin: 0 20px 0 0;
    width: 235px;
  }
  
  .conditions-glisses .col-left a {
    color: #d58800;
    font-size: 0.92em;
    text-decoration: underline;
  }
  
  .conditions-glisses .col-left a:hover {
    text-decoration: none;
  }
  
  .conditions-glisses .status {
    font-size: 1.17em;
    list-style: none;
    margin: 0 0 10px 0;
  }
  
  .conditions-glisses h2 {
    background: none;
    float: none;
    margin: 0;
    width: auto;
  }
  
  .conditions-glisses .length-switcher {
    float: right;
    list-style: none;
    margin: 3px 0 3px 0;
  }
  
  .conditions-glisses .length-switcher li {
    display: block;
    float: left;
  }

  .conditions-glisses .length-switcher a {
    color: #6c6f70;
    display: block;
    font-size: 0.85em;
    height: 12px;
    line-height: 12px;
    padding: 2px 3px;
    text-decoration: none;
    width: 18px;
  }
  
  .conditions-glisses .length-switcher .selected a,
  .conditions-glisses .length-switcher a:hover { background: #d3d4d4; }
  
  .conditions-glisses .accumulations {
    background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
    clear: both;
    font-size: 1.17em;
    list-style: none;
  }
		
			.conditions-glisses .accumulations li {
				background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
				float: left;
				padding: 5px 2px;
				width: 100%;
			}
			
			.conditions-glisses .accumulations strong {
				float: right;
			}
			
		.conditions-glisses .col-right {
			float: left;
			margin: -12px 0 0 0;
			width: 400px;
			overflow: hidden;
		}
		
		.conditions-glisses .previsions {
			background: #f0f0f0;
			padding: 11px 8px;
		}
		
			.conditions-glisses .previsions h2 {
				color: #636363;
				float: left;
			}
			
			.temperature-switcher {
				float: right;
				font-size: 0.83em;
				list-style: none;
			}
			
				.temperature-switcher li {
					display: block;
					float: left;
				}
				
				.temperature-switcher a {
					color: #6c6f70;
					display: block;
					padding: 1px 4px;
				}
				
				.temperature-switcher .selected a,
				.temperature-switcher a:hover {
					background: #c8c9c9;
				}
			
				.conditions-glisses .previsions table {
					border: 0;
					clear: left;
					margin: 5px 0 0 -8px;
					text-align: center;
					width: 400px;
				}
				
				.conditions-glisses .previsions td {
					background: #f7f7f7;
					border: 0;
					padding: 0;
					vertical-align: top;
					padding: 7px 0 2px 0;
				}
				
				.conditions-glisses .previsions .min-max td {
					background: #f0f0f0;
					font-size: 1.17em;
				}
				
				.conditions-glisses .previsions .min-max .r-align {
					display: block;
					float: left;
					text-align: right;
					width: 60px;
				}
				
				.conditions-glisses .previsions p.temperature {
					font-size: 1.67em;
					margin: 0 !important;
				}
				
				
				.conditions-glisses .previsions .day {
					color: #656a79;
					margin: 0 !important;
				}
				
				.conditions-glisses .previsions .meteo {
					margin: 0 !important;
				}
				
					.conditions-glisses .previsions .meteo .icon { margin: 0 auto; }
					
				.grey-box {
					background: #F0F0F0;
					float: left;
					overflow: hidden;
					padding: 15px;
				}
				
					.etat-des-pistes .grey-box,
					.meteo .grey-box { width: 626px; }
					.etat-des-pistes .grey-box form,
					.meteo .grey-box form { width: 256px; }
				
					.col-right .grey-box {
						width: 400px;
					}
				
					.grey-box h3 {
						color: #444444;
						font-size:1em;
						margin: 0 0 5px 0;
						padding: 5px 2px;
						text-transform: uppercase;
					}
					
					#content .grey-box h4 { font-size: 0.9em; }
					
					.grey-box p {
						font-size: 0.92em;
						margin: 0 0 5px 3px !important;
					}
					
					.grey-box form {
						float: left;
						margin: 6px 0 0 15px;
					}
					
					.grey-box fieldset {
						margin: 0;
						padding: 0;
					}
					
					.grey-box label {
						background-position: 0 -127px;
						color: #acacac;
						display: block;
						font-size: 0.92em;
						float: left;
						margin: 0 0 5px 0;
						padding: 0 0 0 30px;
					}
					
					.grey-box input {
						border: 1px #a6a3a3 solid;
						color: #acacac;
						float: left;
						font-size: 0.92em;
						margin: -2px 5px 0 5px;
						padding: 2px;
						width: 125px;
					}
					
					.grey-box input.submit {
						border: 0;
						padding: 0;
						margin-left: 0;
						width: auto;
					}
					
					.grey-box .rss {
						clear: left;
						color: #d58800;
						display: block;
						font-size: 0.92em;
						padding: 2px 0 2px 27px;
						text-decoration: underline;
					}
					
					.grey-box .rss:hover { text-decoration: none; }
					
					.grey-box .col-1,
					.grey-box .col-2,
					.grey-box .col-3 {
						float: left;
						margin: 10px 5px 0 5px;
						width: 32%;
					}
					
					.grey-box .col-3 { margin-right: 0; }
					
					.grey-box .col-1 img,
					.grey-box .col-2 img,
					.grey-box .col-3 img {
						float: left;
						margin: 0 5px 0 0;
					}
					
					.grey-box .col-1 p,
					.grey-box .col-2 p,
					.grey-box .col-3 p {
						float: left;
						line-height: 1.3;
						width: 110px;
					}


	/* ------------------------------------------------------------------------
		États des pistes
	------------------------------------------------------------------------- */
	
	#pistes-flash {
		height: 700px; /* height: 348px; */
		margin: 0 0 20px 0; /* margin: 0 -20px 20px -20px; */
		overflow: hidden;
		position: relative;
		width: 895px; /* width: 696px; */
	}
	
	.etat-des-pistes {
		
	}

		.etat-des-pistes h1 {
			position: relative;
		}
	
			.etat-des-pistes h1 span.date {
				bottom: 10px;
				color: #444444;
				font-size: 0.45em;
				position: absolute;
				right: 0;
			}
			
			.etat-des-pistes h2 {
				background: none;
				margin: 0;
				padding: 0;
				width: auto;
			}
			
		.overview {
			background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
			float: left;
			list-style: none;
			margin: 0 0 25px 0;
			padding: 0 0 15px 0;
			width: 100%;
		}
		
			.overview li {
				display: block;
				float: left;
				font-size: 1.08em;
				width: 25%;
			}
			
			.overview li.last {
				width: 50%;
			}
					
					.overview li strong { color: #35495d; }
					
		.equal-width li,
		.equal-width li.last {
			margin: 0 10px 10px 0;
			min-height: 30px;
			width: 30%;
		}
		
		.equal-width li.clear { clear: left; }
		
/*		.etat-des-pistes h2 {
			color: #555555;
			float: left;
			font-size: 1.4em;
		}*/
		
		.two-col li {
			background: url(../images/all/backgrounds/dotted-line.gif) top right repeat-y;
			margin: 10px 10px 0 0;
			padding: 0 10px 0 0;
			width: 46%;
		}
		
		.two-col li.last {
			background: none;
			padding-right: 0;
			width: 47%;
		}
			
			.two-col li .date {
				font-size: 0.92em;
				margin: 0 0 5px 0 !important;
			}
			
			.two-col li h3 {
				color: #444;
				font-size: 1em;
				margin: 0 0 2px 0;
				text-transform: uppercase;
			}
			
			.two-col li p {
				font-size: 0.92em;
				margin: 0 0 5px 0 !important;
			}
			
			.two-col li a {
				color: #FBA211;
				font-size: 0.82em;
				text-decoration: underline;
			}
			
			.two-col li a:hover {
				text-decoration: none;
			}
		
		.pistes-nav {
			background: url(../images/all/backgrounds/dotted-line.gif) top right repeat-y;
			float: left;
			list-style: none;
			margin: 5px 0 25px 0;
			padding-right: 3px;
			position: relative;
			width: 205px;
			z-index: 200;
		}
		
			.pistes-nav li {
				background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
				padding: 1px 0 0 0;
				float: left;
				width: 100%;
			}
			
			.pistes-nav li.first { background: none; }
			
			.pistes-nav li.header {
				background: #d1d1d1;
				height: 23px;
				padding: 0;
			}
		
			.pistes-nav a {
				background: #f1f1f1;
				color: #555555 !important;
				display: block;
				line-height: 1.2;
				padding: 10px 0 10px 20px;
				text-decoration: none !important;
				text-transform: uppercase;
			}
			
			.pistes-nav a:hover { background: #fff; }
			.pistes-nav .selected a {
				background: url(../images/all/backgrounds/tabs-selected-arrow.gif) center right no-repeat;
				width: 195px;
			}
			
				.pistes-nav a small {
					text-transform: none;
				}
				
				.pistes-nav a .pale {
					color: #888888;
				}
		
		table.pistes {
			background: #f1f1f1;
			border: 0;
			float: left;
			margin: 5px 0 5px -2px; /* margin: 5px 0 15px -2px; */
			position: relative;
			width: 690px; /* width: 450px; */
			z-index: 0;
		}
		
		.pistes.accumulations{margin: 5px 0 15px -2px; width: 450px;}
		
			table.pistes th {
				background: #d1d1d1;
				border: 0;
				color: #444444;
				font-size: 0.92em;
				font-weight: normal;
				height: 23px;
				line-height: 1;
				text-align: left;
				text-transform: none;
				padding: 0 10px;
			}
			
			table.pistes .length {
				float: left;
				text-align: right;
				width: 45px;
			}
			
			table.pistes th ul {
				float: left;
				font-size: 1.08em;
				list-style: none;
				margin: -1px 0 0 10px;
			}
			
				table.pistes th ul li {
					display: block;
					float: left;
					margin: 0 5px 0 0;
					padding: 2px 3px;
				}
				
				table.pistes th ul li.selected {
					background: #999;
				}
				
					table.pistes th ul li a {
						display: block;
						text-decoration: none;
					}
		
			table.pistes td {
				background: url(../images/all/backgrounds/dotted-line.gif) top right repeat-y;
				border: 0;
				padding: 7px 5px;
				text-align: left;
			}
			
			table.pistes td.last { background-image: none; }
			
			table.pistes tr.odd td {
				background-color: #e5e5e5;
			}
			
				table.pistes td a {
					color: #444444 !important;
					text-decoration: none !important;
					text-transform: uppercase;
				}
				
				table.pistes td a:hover {
					text-decoration: underline !important;
				}
				
				table.pistes td span {
					font-size: 0.92em;
				}
				
				table.pistes td span.length {
					font-size: 1.08em;
				}
				
			table.pistes td.center {
				text-align: center;
			}
	
		.etat-des-pistes p.legend { margin-bottom: 3px !important; }
	
		.etat-des-pistes table.legende, table.legende{
			background: #f1f1f1;
			border: 0;
			margin: 0 0 5px 205px; /* margin: 0 0 15px 45px; */
			width: 690px; /* width: 100%; */
		}
		
			.etat-des-pistes table.legende td, table.legende td {
				background: none;
				border: 0;
				font-size: 0.92em;
				padding: 5px 5px; /* padding: 10px 15px; */
				vertical-align: top;
			}
			
				.etat-des-pistes table.legende .last td, table.legende .last td {
					background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
					padding: 15px;
				}
			
			.etat-des-pistes table.legende .level, table.legende .level { padding-left: 28px; }
			
			.etat-des-pistes table.legende span, table.legende span {
				float: left;
				margin: 0 3px 0 0;
			}
		
		.etat-des-pistes .col-left, .full-width  .col-left{
			float: left;
			margin: 0 5px 0 0; /* margin: 0 10px 0 0; */
			width: 420px; /* width: 324px;  */
		}
		
		.etat-des-pistes .col-right, .full-width  .col-right {
			float: right; /* float: left; */
			width: 450px; /* width: 323px; */
		}
		
		.etat-des-pistes .col-left h2,
		.etat-des-pistes .col-right h2 {
			background: none;
		}
		
		.etat-des-pistes .col-left table,
		.etat-des-pistes .col-right table {
			background: #f9f9f9 url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
			border: 0;
			clear: left;
			font-size: 0.92em;
			margin: 0 0 15px 0;
			padding: 1px 0 0 0;
			width: 100%;
		}
		
		.etat-des-pistes .col-left table th,
		.etat-des-pistes .col-right table th {
			background: #dbdbdb;
			border: 0;
			font-weight: normal;
			text-transform: none;
		}
		
		.etat-des-pistes .col-left table td,
		.etat-des-pistes .col-right table td {
			background: none;
			border: 0;
		}
		
		.etat-des-pistes .col-left table .odd td,
		.etat-des-pistes .col-right table .odd td {
			background: #f3f3f3;
		}
		
		.etat-des-pistes .col-left table td.center,
		.etat-des-pistes .col-right table td.center {
			text-align: center;
			vertical-align: middle;
		}
		
		.etat-des-pistes .col-left table td .indent,
		.etat-des-pistes .col-right table td .indent {
			color: #888888;
			display: block;
			padding: 0 0 0 10px;
		}
		
		.etat-des-pistes .tab {
			padding-top: 0 !important;
		}
		
		.filter {
			float: right;
			margin: 4px -5px 3px 0; /* margin: 4px 0 0 0; */
		}
		
			.filter p {
				float: left;
				margin: 0 5px 0 0 !important;
			}
			
			.filter ul {
				float: left;
				list-style: none;
			}
			
			.filter li {
				background: none !important;
				display: block;
				float: left;
				margin: 0 8px 0 0 !important;
			}
			#content .filter ul.tabs {margin:0 !important;}
			
			.filter a {
				color: #fba211;
				text-decoration: underline !important;
			}

			.filter a:hover {
				text-decoration: none !important;
			}
			
			
			.filter .selected a {
				background: url(../images/all/backgrounds/selected-arrow.gif) center left no-repeat !important;
				color: #555555 !important;
				padding: 0 0 0 5px;
				text-decoration: none !important;
			}
			
			.filter .selected a:hover {
				text-decoration: underline !important;
			}

	/* ------------------------------------------------------------------------
		Carte des lieux
	------------------------------------------------------------------------- */

	#area_map {
		height: 350px;
		margin: 0 0 10px 0;
	}	

		#area_map .gmap-loader {
			background: #fff url(../images/all/prettyPhoto/light_square/loader.gif) no-repeat center center;
			height: 40px;
			left: 50%;
			margin: -20px 0 0 -20px;
			position: absolute;
			top: 50%;
			width: 40px;
			z-index: 1000;
		}

			.gmap-info-window {
				width: 300px;
				max-width: 300px;
				min-width: 200px;			
				height: 170px;
				max-height: 200px;
				min-height: 170px;
				padding-right: 6px;
				overflow-x: auto;
				overflow-y: auto; 
			}

				.gmap-info-window h3 { 
					font-size: 1.2em;
					background: url(../images/all/backgrounds/dotted-line.gif) bottom right repeat-x;
					padding-bottom: 5px;
					margin-bottom: 5px;
					text-transform: uppercase;
				}

				.gmap-info-window p { font-size: .9em; }
				.gmap-info-window p img { float: right; margin: 0 0 5px 5px; }

				.gmap-info-window a { color: #555; text-decoration: underline; }

	   #tooltip_message { 
			position: absolute;
			padding: 5px;
			background: #fba211;
			border: 1px solid #b07008;
			color: #000;
			width: 120px;
			display: none;
			font-size: .9em;
		}

	#map-listing {
		clear: both;
		margin-top: 10px;
	}				

	.map-nav {
		background: url(../images/all/backgrounds/dotted-line.gif) top right repeat-y;
		float: left;
		list-style: none;
		padding-right: 3px;
		position: relative;
		width: 205px;
		z-index: 200;
	}

		.map-nav li {
			background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
			padding: 1px 0 0 0;
			float: left;
			width: 100%;
		}

		.map-nav li.first { background: none; }

		.map-nav li.header {
			background: #d1d1d1;
			height: 30px;
			padding: 0;
		}

			.map-nav a {
				background: #f1f1f1;
				color: #555555 !important;
				display: block;
				line-height: 1.2;
				padding: 10px 0 10px 20px;
				text-decoration: none !important;
				text-transform: uppercase;
			}

			.map-nav a:hover { background: #fff; }
			.map-nav .selected a {
				background: url(../images/all/backgrounds/tabs-selected-arrow.gif) center right no-repeat;
				width: 195px;
			}

	#map-listing .content {
		margin-left: 205px;
		position: relative;
		z-index: 0;
	}

		#map-listing .content .markers-filter {
			padding-left: 10px;
			background: #d1d1d1;
			height: 30px;
			list-style: none;
		}

			#map-listing .content .markers-filter li { 
				float: left;
				font-size: .9em;
				margin-top: 6px;
				margin-right: 15px;
				padding: 2px 19px 2px 7px;
				border-right: 1px dotted #fff;
			}	

			#content #map-listing .content .markers-filter li a.checkbox {
				padding-bottom: 5px;
				display: inline;				
			}		

			#content #map-listing .content .markers-filter li img {
				float: right;
				margin-left: 5px;
				position: relative;
				top: -2px;
			}

		.markers {
			list-style: none;
			margin-bottom: 15px;
			border: 1px solid #f1f1f1;
			border-bottom: none;
		}

			.markers li {
				background: #f1f1f1;
				border-bottom: 1px solid #f1f1f1;
				padding: 5px 0 5px 15px;
				position: relative;
				font-size: .9em;
			}

			.markers li.odd {
				background-color: #e5e5e5;
			}

				.markers li a {
					color: #444 !important;
					text-decoration: underline;
				}
				
				.markers li a:hover {
					text-decoration: none;
				}

				.markers li.selected { background-color: #fff; }
				.markers li.selected a { font-weight: bold; color: #000; }

				.markers li .type {
					position: absolute;
					right: 0px;
					color: #444;
					text-align: left;
					width: 200px;
				}

				.markers li .type.activite 		{ color: #fba210; }
				.markers li .type.restaurant 	{ color: #43a036; }
				.markers li .type.hebergement 	{ color: #0078cb; }
				.markers li .type.attrait		{ color: #d12d2d; }
	
	.gmap_content {
		float: left;
		height: 100px;
		overflow: auto;
		padding-left: 110px;
		position: relative;
		width: 360px;
	}
		
	.gmap_content img {
		left: 0;
		position: absolute;
		top: 0;
	}
	
	.gmap_content h4,
	.gmap_content p {
		float: left;
		width: 235px;
	}
	
	.gmap_content h4 {
		color: #D58800 !important;
		font-weight: bold !important;
	}
	
	.gmap_content p {
		font-size: 0.92em;
	}
	
	.gmap_content a {
		color: #D58800;
		text-decoration: underline;
	}
	
	.gmap_content a:hover {
		text-decoration: none;
	}



	/* ------------------------------------------------------------------------
		Météo
	------------------------------------------------------------------------- */
	
	.meteo #content h1 {
		position: relative;
	}
	
		.meteo h2 {
			background: none;
			color: #636363;
			margin: 0;
			padding: 0;
			width: auto;
		}
		
	.horizontal-previsions {
		list-style: none;
	}
		
		.horizontal-previsions li {
			background: #ebeef3;
			display: block;
			float: left;
			height: 122px;
			margin: 0 9px 35px 0;
			padding: 7px 12px;
			width: 188px;
		}
		
		.horizontal-previsions li.last {
			margin-right: 0;
		}
		
		.horizontal-previsions .day {
			color: #656a79;
			margin: 0 !important;
		}
		
		.horizontal-previsions .meteo {
			float: left;
			margin: 0 !important;
		}
		
		.horizontal-previsions .r-align {
			display: block;
			float: left;
			text-align: left;
			width: 50px;
		}
		
		.horizontal-previsions .min-max {
			float: left;
			font-size: 1.17em;
			margin: 20px 0 0 10px !important;
			text-align: right;
			width: 100px;
		}
		
		.horizontal-previsions p.temperature {
			clear: left;
			font-size: 1.67em;
			margin: 0 0 0 5px !important;
		}
		
		.meteo ul.previsions {
			border-top: 1px #dadbdc solid;
			clear: both;
			float: left;
			list-style: none;
			margin: 5px 0 25px 0;
		}
		
			.meteo ul.previsions li {
				border-bottom: 1px #dadbdc solid;
				clear: both;
				float: left;
				padding: 8px 7px 8px 15px;
				width: 635px;
			}
			
			.meteo ul.previsions li.even {
				background: #f4f5f8;
			}
		
			.meteo ul.previsions .col-left {
				background: url(../images/all/backgrounds/dotted-line.gif) top right repeat-y;
				float: left;
				margin: 0 35px 0 0;
				padding: 0 5px 0 0;
				width: 195px;
			}
			
			.meteo ul.previsions .col-right {
				float: left;
				font-size: 0.92em;
				width: 400px;
			}
			
			.meteo ul.previsions .day {
				color: #656a79;
				font-size: 0.92em;
				margin: 0 !important;
			}
			
			.meteo ul.previsions .meteo {
				float: left;
				margin: 0 10px 0 0 !important;
			}
			
			.meteo ul.previsions p.previsions {
				color: #555555;
				font-size: 0.92em;
				margin: 15px 0 0 0 !important;
			}
			
			.meteo ul.previsions p.min-max {
				float: left;
				font-size: 1.17em;
			}
			
			.meteo .grey-box .col-left {
				float: left;
				margin: 0 20px 0 0;
			}
			
			.meteo .grey-box .col-right {
				float: left;
			}
			
				.meteo .grey-box .col-right form {
					margin-top: 5px;
				}
				
	
	/* ------------------------------------------------------------------------
		Personnalisez votre visite
	------------------------------------------------------------------------- */
	
/*	.personnalisez h2 {
		float: left;
		margin: 35px 0 0 0;
		width: 100%;
	}*/
	
	.personnalisez .bundles {
		margin-top: 5px;
	}
	
	/* ------------------------------------------------------------------------
		Player with playlist (developpement page)
	------------------------------------------------------------------------- */

	/* overriding h1 */
	#content.player-playlist h1 { background: url(../images/all/backgrounds/title-arrow-grey.gif) bottom left no-repeat; width: 100%; margin-bottom: 0px; }
	#content.player-playlist h1 span.wrap { background: none; width: auto; }	

		.player-playlist .left-col {
			position: absolute;
			top: 0;
			left: 0;
			width: 305px;
			padding: 15px 16px 0 0;
			background: url(../images/all/backgrounds/full-width-content-pattern.png) top right repeat-y;
			min-height: 370px;
		}
	
			.player-playlist .content {
				padding: 20px;
				background: #e3e3e3;
				min-height: 310px;
			}

		.player-playlist .right-col {
			float: right;
			width: 623px;
			padding-top: 15px;
			background: #7b7b7b;
			min-height: 370px;			
		}
	
		/* playlist nav */
		.playlist {
			list-style: none;
			padding-top: 15px;
			margin-top: 15px;
			background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
		}
	
			.playlist li {
				background: #f5f5f5;
				border: 1px solid #fff;
				margin-bottom: 10px;
			}
			.playlist li.first,
			.playlist li.first.selected { background-color: #c1c1c1; }
			.playlist li.selected,
			.playlist li:hover { background: #fff; }
	
				.playlist li a {
					padding: 5px 28px 5px 10px;
					display: block;
					color: #000;
					text-transform: uppercase;
					font-size: 1.3em;
					background: url(../images/all/backgrounds/orange-arrow.gif) 235px 10px no-repeat;
				}
			
				.playlist.career_list li a {
					font-size: 1em; text-transform: none;
				}
					.playlist.career_list li a span { /*font-size: 1.3em; text-transform: uppercase;*/ font-weight: bold; }

	/* ------------------------------------------------------------------------
		Slider
	------------------------------------------------------------------------- */
	
	.slider {
		font-size: 0.92em;
		list-style: none;
		margin: 0 0 15px 0;
		padding: 0 0 0 7px;
	}
	
		.slider a {
			background: url(../images/all/backgrounds/small-grey-arrow.gif) center left no-repeat;
			color: #9a9a9a;
			margin: 0 0 10px -7px;
			padding: 0 0 0 7px;
		}
		
		.slider a:hover { text-decoration: underline; }
		
	
	/* ------------------------------------------------------------------------
		Abonnements Saisonniers
	------------------------------------------------------------------------- */

	.abonnements-saisonniers table {
		background: #F7F7F7 url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
	}
	
	.abonnements-saisonniers .table-note {
		float: left;
		margin: 23px 0 15px 0 !important;
		padding: 0 0 5px 0;
	}
	
	table.privileges {
		background: 0;
		border: 0;
		clear: left;
		margin: 45px 0 0 0;
		width: 100%;
	}
	
		table.privileges th {
			background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
			border: 0;
			color: #666666;
		}
		
		table.privileges td {
			background: #f7f7f7;
			border: 0;
			color: #828282;
			font-size: 0.82em;
			padding: 0 0 0 10px;
		}
		
	
	/* ------------------------------------------------------------------------
		Nouvelles
	------------------------------------------------------------------------- */
	
	.nouvelles .grey-box,
	.accumulations .grey-box {
		margin-bottom: 15px;
		width: 627px;
	}
	
	.nouvelles li .date {
		margin-bottom: 0 !important;
	}
	
	.nouvelles .dropdown,
	.presse .dropdown {
		width: 340px;
	}
	
	.nouvelles ul.year {
		left: 60px;
		width: 65px;
	}
	
	.nouvelles h2,
	.presse h2 {
		background: none;
		float: left;
		width: 500px;
	}
	.nouvelles .news_content { width: 500px; }
	.nouvelles .news_content p { width: 100%; }
	
	.nouvelles p.fleft,
	.presse p.fleft { width: 100px; }
	
	.nouvelles .forfaits-listing li,
	.presse .forfaits-listing li { padding: 8px 0; }

	.nouvelles .forfaits-listing li p,
	.presse .forfaits-listing li p { margin: 0 !important; }
	
	
	/* ------------------------------------------------------------------------
		Sitemap
	------------------------------------------------------------------------- */
	
	.site-map #content h2 a {
		color: #707070;
		display: block;
		float: none;
		font-size: 1em;
		text-transform: uppercase;
		text-decoration: none;
	}

	.site-map #content h2 a:hover span { color: #555; }
	
	.site-map #content ul {
		float: left;
		list-style: none;
		margin: 0 15px 0 0;
	}
	
		.site-map #content ul ul {
			float: none;
			margin: 5px 0 20px 15px;
		}
	
	.site-map #content li {
		background: url(../images/all/backgrounds/selected-arrow.gif) 0 5px no-repeat;
		margin: 0 0 2px 0;
		padding: 0 0 0 10px;
	}
	
	.site-map #content li.has-child {
		margin-top: 20px;
	}
	
	.site-map #content li.has-child:first-child { margin-top: 0; }
	
	.site-map #content li a {
		color: #d58800;
		text-decoration: underline;
	}
	
	.site-map #content li a:hover {
		text-decoration: none;
	}
	
	
	/* ------------------------------------------------------------------------
		Contact
	------------------------------------------------------------------------- */
	
	.contact .col-left {
		float: left;
		margin: 0 25px 0 0;
		width: 310px;
	}
	
	.contact .col-right {
		float: left;
		width: 310px;
	}
	
		.contact #content .col-right p {
			line-height: 1.2;
			margin-left: 15px;
		}
	
	.contact .email { padding-left: 25px; }
	
	.contact h4 {
		font-size: 1.15em !important;
		font-weight: bold !important;
		margin: 0 0 5px 0 !important;
	}
	
	.contact #content a {
		color: #d58800;
		text-decoration: underline;
	}
	
	.contact #content a:hover {
		text-decoration: none;
	}
	
	
	/* ------------------------------------------------------------------------
		Vie Privee
	------------------------------------------------------------------------- */
	
	.vie-privee h2 {
		margin-top: 25px;
	}
	
	
	/* ------------------------------------------------------------------------
		Se Rendre
	------------------------------------------------------------------------- */
	
	.se-rendre-form {
		clear: both;
	}
	
		.inside #content .se-rendre-form .col-left {
			width: 230px;
		}
		
		.inside #content .se-rendre-form .col-right {
			width: 245px;
		}
		
 		.inside #content .se-rendre-form label {
			display: block;
		}
		
		.se-rendre-form input,
		.se-rendre-form select {
			float: left;
			width: 220px;
		}
		
		.se-rendre-form input.submit {
			border: 0;
			margin: 18px 0 0 0;
			width: auto;
		}
		
			.inside #content .se-rendre-form.perso { line-height: 1.6em; }
			.inside #content .se-rendre-form.perso .col-left { margin-right: 25px; }
			.inside #content .se-rendre-form.perso .col-left,
			.inside #content .se-rendre-form.perso .col-right { float: left; }

		/* ------------------------------------------------------------------------
			Accumulations
		------------------------------------------------------------------------- */
		
		.accumulations .chart {
			margin: 15px 0;
		}
		
		.accumulations ul a { float: none; }
		
		.accumulations table.pistes td { padding-left: 10px; }


/* ------------------------------------------------------------------------
	Full width content
------------------------------------------------------------------------- */

	.full-width #content {
		background: url(../images/all/backgrounds/full-width-content-pattern.png) top left repeat-y;
		width: 897px;
	}
			
	.full-width h1 {
		background-position: 0 7px !important;
	}


	/* ------------------------------------------------------------------------
		Filters
	------------------------------------------------------------------------- */
	
	.full-width .filters {
		background: #f7f7f7;
		clear: left;
		float: left;
		margin: 0 0 0 -20px;
		width: 170px;
	}
	
		.full-width .filters h2 {
			background: #efefef;
			color: #636363;
			float: none;
			font-size: 1.42em;
			margin: 0 0 7px 0;
			padding: 0 0 0 20px;
			width: auto;
		}
		
		.full-width .filters h3 {
			color: #444444;
			font-size: 1.08em;
			margin: 0 0 12px 28px;
			text-transform: uppercase;
		}
		
		.full-width .filters ul {
			list-style: none;
			margin: 0 5px 5px 20px;
		}
		
		.full-width .filters li {
			margin: 0 0 3px 0;
			padding: 0 0 4px 7px;
		}
		
		.full-width .filters li.last { background: none; }
		
		.full-width .filters a {
			color: #8d8c8c;
		}
		
		.full-width .filters .foot-note {
			border-top: 20px #fff solid;
		}
		
			.full-width .filters .foot-note .content {
				border: 1px #e8e8e8 solid;
				padding: 10px 10px 10px 20px;
			}
		
		.full-width .filters .foot-note p {
			margin: 0 0 5px 0 !important;
			font-size: 0.92em;
		}
		
		.full-width .filters .foot-note a {
			text-decoration: underline;
		}
		
		.full-width .filters .foot-note a:hover { text-decoration: none; }
	
	
	/* ------------------------------------------------------------------------
		Results
	------------------------------------------------------------------------- */
	
	.full-width .results {
		float: left;
		margin: 0 0 0 20px;
		width: 727px;
	}
	
/*		.full-width .results h2 {
			background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
			font-size: 1.42em;
			margin: 0 0 5px 0;
			padding: 0 0 5px 0;
		}*/
		
		.full-width #content-footer { width: 891px; }

	
	.horizontal-filters {
		list-style: none;
	}
	
		.horizontal-filters li {
			border-right: 1px #C7C7C7 solid;
			display: block;
			float: left;
			margin: 0 10px 0 0;
			padding: 7px 35px 0 0 !important;
		}
		
		.horizontal-filters li:last-child {
			border-right: 0;
		}
	
	.gallery-holder {
		background: #f7f7f7;
		clear: both;
		float: left;
		margin: 15px 0 5px 0;
		padding: 15px 30px 0 15px;
		width: 683px;
	}
		
		.gallery-holder ul {
			float: left;
			list-style: none;
		}
		
		.gallery-holder li {
			border-bottom: 1px #c7c7c7 solid;
			display: block;
			float: left;
			font-size: 0.92em;
			line-height: 1;
			margin: 0 0 15px 18px;
			height: 150px;
			padding: 0 0 5px 0;
			width: 150px;
		}
		
		.gallery-holder a {
			display: block;
			margin: 0 0 5px 0;
		}
		
		.gallery-holder img {
			display: block;
		}
		
		.gallery-holder p {
			margin: 0 0 5px 0 !important;
		}
		
		.gallery-holder .type {
			display: block;
			float: left;
			height: 16px;
			margin: 0 !important;
			text-indent: -10000px;
			width: 22px;
		}
		
		
		.gallery-open {
			background: #fff;
		}
		
			.gallery-open .features {
				height: auto;
				margin: 0;
			}
		
				.gallery-open .features .features-nav {
					font-size: 1.2em;
					height: 18px;
					padding-bottom: 3px;
					padding-left: 20px;
					z-index: 2;
				}
			
    .gallery-open #slideshow-description {
      padding: 10px;
    }
		.gallery-open .slideshow-nav li {
			margin: 0 20px 0 0;
		}
		
		.gallery-open .slideshow-nav li.photo-info {
			color: #888;
			font-size: 0.75em;
		}
		
			.gallery-open .slideshow-nav li.photo-info strong {
				color: #555;
				font-size: 1.22em;
				padding-top: 2px;
				padding-bottom: 2px;
				text-transform: uppercase;
			}
			
			.gallery-open .slideshow-nav li.photo-info span {
				width: auto;
			}

			.gallery-open .icon {
				padding: 0 0 0 27px;
			}
		
			
			.gallery-open .utilities {
				float: right ;
				list-style: none;
				margin: 15px 2px 15px 0px;
			}
			
				.gallery-open .utilities li {
					display: block;
					float: left;
					margin: 0 0 0 10px;
				}
				
				.gallery-open .utilities a {
					color: #636363;
					text-decoration: underline;
				}
				
				.gallery-open .utilities a:hover {
					text-decoration: none;
				}
				
				.gallery-open .utilities select {
					border: 1px #636363 solid;
				}
				
			
			.gallery-open .photos-nav {
				clear: both;
			}
			
				.gallery-open .photos-nav .previous {
					background: #e5e5e5 url(../images/all/prettyPhoto/light_square/gallery-previous.gif) center center no-repeat;
					float: left;
					height: 65px;
					margin: 1px 0 0 0;
					width: 38px;
				}
				.gallery-open .photos-nav .previous:hover {
					background-color: #757474;
					background-image: url(../images/all/prettyPhoto/light_square/gallery-previous-hover.gif);
				}
				
				.gallery-open .photos-nav .next {
					background: #e5e5e5 url(../images/all/prettyPhoto/light_square/gallery-next.gif) center center no-repeat;
					float: left;
					height: 65px;
					margin: 1px 0 0 0;
					width: 38px;
				}
				.gallery-open .photos-nav .next:hover {
					background-color: #757474;
					background-image: url(../images/all/prettyPhoto/light_square/gallery-next-hover.gif);
				}
			
				.gallery-open .photos-nav ul {
					float: left;
					height: 67px;
					margin: 0 1px;
					overflow: hidden;
					position: relative;
					width: 758px;
				}
			
				.gallery-open .photos-nav li {
					display: block;
					float: left;
				}
				
				.gallery-open .photos-nav li a {
					display: block;
					border: 1px #fff solid;
				}
				
				.gallery-open .photos-nav .selected a,
				.gallery-open .photos-nav li a:hover {
					border: 1px #fba211 solid;
				}
				
				.gallery-open .photos-nav img {
					display: block;
				}
		
		.gallery-open #installation {
			clear: both;
			width: 100%;
		}

		form#searchGalleries label {
			display: block;
		}

		form#searchGalleries fieldset { padding: 10px; }
		form#searchGalleries input.input_text {
			float: left;
			height: 15px;
			margin: 0 5px 0 0;
			width: 110px;
		}
		form#searchGalleries .submit {
			border: 0;
			padding: 0;
			width: auto;
		}

/* ------------------------------------------------------------------------
	Content Footer
------------------------------------------------------------------------- */

	#content-footer ul {
		list-style: none;
	}
	
	#content-footer li {
		display: block;
		float: left;
	}
	
	#content-footer a {
		color: #636363 !important;
		display: block;
		font-size: 0.9em;
		line-height: 18px;
		padding: 0 0 0 25px;
		text-decoration: underline;
	}
	
	#content-footer .addthis_button { padding-left: 0; }
	
	#content-footer a:hover {
		text-decoration: none;
	}
	
	#content-footer .social {
		float: left;
		margin-bottom: 0 !important;
		padding-left: 0 !important;
	}
	
		#content-footer .social li {
			margin: 0 13px 0 0;
		}
	
	#content-footer .utilities {
		float: right;
		margin-bottom: 0 !important;
		padding-left: 0 !important;
	}
	
		#content-footer .utilities li {
			margin: 0 0 0 13px;
		}


/* ------------------------------------------------------------------------
	Sidebar
------------------------------------------------------------------------- */

	#sidebar h5 {
		background: #fafafa url(../images/all/buttons/paging-arrows.gif) 4px -35px no-repeat; /* I know... paging arrows, but it's the same arrow used here! */
		color: #fafafa;
		float: left;
		margin: 0 -20px 10px -20px;
		padding: 5px 0 3px 13px;
		text-transform: uppercase;
		width: 222px;
	}
  #sidebar .follow h5{margin-bottom:0; float:none;}
	#sidebar .info-train h5 {
		background: #fafafa url(../images/all/buttons/paging-arrows-info-train.gif) 4px -35px no-repeat;
	}
	
		#sidebar h5.twitter {
			background-image: url(../images/all/backgrounds/icons.gif);
			background-position: 0 -31px;
			padding-left: 22px;
			width: 213px;
		}
	
		#sidebar h5 span {
			float: left;
		}
	
		#sidebar .side-block h5 a {
			color: #d58800;
			float: right;
			font-size: 0.77em;
			font-weight: normal;
			margin: 0 10px 0 0;
			overflow: hidden;
			text-decoration: underline;
			text-transform: none;
		}
		#sidebar .side-block.follow h5 a {float:left; margin:0; color:transparent;}
		#sidebar h5 a:hover {
			text-decoration: none;
		}
	
	#sidebar .contact p {
		line-height: 1.5;
		margin: 0 0 3px 0 !important;
	}
	
	#sidebar .side-block {
		background: #cbcbcb;
		float: left;
		margin: 0 0 20px 0;
		padding: 0 20px 15px 20px !important;
		position: relative;
		width: 195px;
	}
	
	#sidebar .side-block.contact {
		padding-right: 19px;
		width: 196px;
	}
	
		#sidebar .side-block a {
			color: #636363;
			text-decoration: underline;
		}
		
		#sidebar .side-block a.webcam {
			display: block;
			margin: 10px auto 0 auto;
			text-align: center;
			text-decoration: none;
			width: 100px;
		}
		#sidebar .side-block a.picOfDay {
			display: block;
			margin: 10px auto 0 auto;
			text-align: center;
			text-decoration: none;
			width: 200px;
		}
		
		#sidebar .side-block a.webcam:hover,
		#sidebar .side-block a.picOfDay:hover { color: #000; }
		
		#sidebar .side-block a.email {
			background-position: 0 -155px;
			padding: 0 0 0 25px;
		}
		
		#sidebar .side-block a:hover {
			text-decoration: none;
		}
		
		#sidebar .side-block .floating {
			bottom: 15px;
			color: #d58800;
			font-size: 0.9em;
			position: absolute;
			right: 10px;
			width: auto;
		}
		
			#sidebar .side-block .floating a { color: #d58800; }
	
	#sidebar .big {
		font-size: 1.09em;
	}
	
	#sidebar .personalisez {
		list-style: none;
		margin: 10px -20px 0 -20px;
	}
	
		#sidebar .personalisez li {
			background: #e5e5e5;
			clear: both;
			float: left;
			margin: 0 0 5px 0;
			padding: 2px 0;
			width: 235px;
		}
		
		#sidebar .personalisez li.last {
			margin-bottom: 0;
		}
	
		#sidebar .personalisez img {
			display: block;
			float: left;
		}
		
		#sidebar .personalisez a { display: block; float: left; padding: 0; }
		
		#sidebar .personalisez span {
			display: block;
			float: left;
			margin: 30px 0 0 10px;
			text-indent: -10000px;
			width: 110px;
		}
		
		#sidebar .personalisez a:hover span {
			background-position: 0 -20px !important;
		}
	
	#sidebar .promotion img {
		float: left;
		margin: 0 10px 0 -20px;
	}
  #sidebar .feed img {margin-right:10px;}
	
	#sidebar .promotion h6 {
		color: #444444;
		float: left;
		font-size: 1.09em;
		font-weight: normal;
		text-transform: uppercase;
		width: 120px;
	}
	
	#sidebar .promotion p{
		float: left;
		width: 120px;
	}
  #sidebar .follow .feed {border-top:1px dotted #656565; margin-left:-19px; padding:5px 5px 5px 0; width:230px;}
  #sidebar .follow .feed span.feed_label{text-transform:uppercase; margin-left:3px;}
  #sidebar .follow .feed span.date{text-transform:none; font-style:italic;}
  #sidebar .follow .feed_excerpt{width:145px;}
  
  #sidebar p.details { text-align: right; float: right; }
  #sidebar p.details a { float: none; } 

  #sidebar #condition p.details { margin: 5px 0 0 0; }
  #sidebar #meteo p.details { clear: both; }
	
	#sidebar .newsletter form {
		margin: 10px 0 0 0;
		clear: both;
	}
	
	#sidebar .newsletter form fieldset { background: none; margin: 0; padding: 0; }
	
	#sidebar .newsletter label {
		display: block;
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#sidebar .newsletter input {
		border: 1px #a6a3a3 solid;
		color: #acacac;
		float: left;
		height: 14px;
		margin: 0 2px 0 0;
		padding: 1px 3px 3px 3px;
		width: 154px;
	}
	
	#sidebar .newsletter input.submit {
		border: 0;
		height: auto;
		padding: 0;
		width: auto;
	}
  
	
	#sidebar .tabs {
		background: #fafafa;
		float: left;
		list-style: none;
		margin: 0 -20px 10px -20px;
		width: 235px;
	}
	
		#sidebar .tabs li {
			display: block;
			float: left;
			text-transform: uppercase;
		}
		
		#sidebar .tabs li a {
			color: #A1A1A1;
			display: block;
			text-decoration: none;
		}
		
			#sidebar .tabs li a span.wrap {
				display: block;
				padding: 3px 8px 3px 8px;
			}
			
			body#en #sidebar .tabs li a span.wrap { /* Less padding in english! */
				padding: 2px 5px;
			}
		
		#sidebar .tabs .selected a,
		#sidebar .tabs li a:hover {
			background: url(../images/all/backgrounds/tabs-hover-left.gif) top left no-repeat;
      color:#363636;
		}
		
			#sidebar .tabs .selected a span.wrap,
			#sidebar .tabs li a:hover span.wrap {
				background: url(../images/all/backgrounds/tabs-hover-right.gif) top right no-repeat;
			}
			
		#sidebar .tabs li.rss {
			background: none;
			padding: 4px 0 0 4px;
		}
		
		#sidebar .tabs li.rss a,
		#sidebar .tabs li.rss a:hover {
			background: url(../images/all/backgrounds/icons.gif) -5px -188px no-repeat !important;
			height: 12px;
			padding: 0;
			text-indent: -10000px;
			width: 12px;
		}
		
		#sidebar .tab h3 {
			font-size: 1.1em;
			font-weight: normal;
		}
		
		#sidebar #meteo .meteo {
			float: left;
			width: 62px;
		}
		
		#sidebar #meteo .temp {
			color:#6C6F70;
			float: left;
			font-size:1.4em;
			margin:5px 0 0 20px;
		}
		
		#sidebar #meteo .temp strong { color: #6C6F70; }
		
		#sidebar #meteo .current-temp {
			color:#555;
			font-size: 1.8em;
		}
	
	#sidebar .date {
		margin: 0 0 5px 0;
	}
	
	#sidebar p a {
		float: left;
		margin: 5px 0 0 0;
	}
	
	#sidebar p strong {
		color: #444444;
	}
	
	#sidebar p small {
		font-size: 0.9em;
	}
	
	#sidebar .conditions {
		background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x;
		float: left;
		font-size: 1.1em;
		list-style: none;
		margin: 10px 0 0 0;
		padding: 8px 0 0 0;
		width: 100%;
	}
	
	#sidebar .conditions li {
		clear: left;
	}
	
	#sidebar .conditions li span {
		display: block;
		float: left;
		margin-right: 5px;
		width: 65px;
		text-align: right;
	}
	
	#sidebar .conditions li span.large { width: 150px; }
	body#en #sidebar .conditions li span.large { width: 80px; }
	
	#sidebar .conditions li strong {
		display: block;
		float: left;
		text-align: right;
	}
	
	#sidebar .twitter-feed {
		float: left;
		list-style: none;
	}
	
		#sidebar .twitter-feed li {
			background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
			color: #666666;
			float: left;
			margin: 0 0 10px 0;
			padding: 0 0 15px 0;
			width: 100%;
		}
		
		#sidebar .twitter-feed li.last {
			background: none;
			margin: 0;
			padding: 0;
		}
		
		#sidebar .twitter-feed p {
			float: left;
			margin: 0 0 5px ;
		}
		
		#sidebar .twitter-feed .ago {
			color: #9c9b9b;
		}
	
	#sidebar .forfaits-listing ul {
		list-style: none;
	}
	
		#sidebar .forfaits-listing li {
			background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
			margin: 0 0 10px -20px;
			padding: 0 20px 12px 0;
			width: 215px;
		}
		
		#sidebar .forfaits-listing li.last {
			background: none;
			margin-bottom: 0;
			padding-bottom: 0;
		}
	
		#sidebar .forfaits-listing img {
			float: left;
			margin: 0 10px 0 0;
		}
		
		#sidebar .forfaits-listing h6 {
			color: #444444;
			float: left;
			font-size: 1.09em;
			font-weight: normal;
			text-transform: uppercase;
			width: 105px;
		}
		
		#sidebar .forfaits-listing p {
			float: left;
			width: 105px;
		}
		
		#sidebar .forfaits-listing p.fright { width: auto; }
		
		#sidebar .forfaits-listing p a {
			float: none;
			position: static;
		}
		
		#sidebar .forfaits-listing .details {
			float: right;
			margin: 5px 0 0 0;
			text-align: right;
		}
		
	#sidebar .photos-listing .photos {
		float: left;
		list-style: none;
	}
	
		#sidebar .photos-listing .photos li {
			display: block;
			float: left;
			margin: 0 8px 10px 7px;
			width: 82px;
		}
		
		#sidebar .photos-listing .photos p {
			font-size: 0.92em;
		}
		
	#sidebar .medias_login form {
		clear: left;
		float: left;
	}
	
	#sidebar .medias_login fieldset {
		margin: 0;
		padding: 0;
	}
	
		#sidebar .medias_login label {
			display: block;
			width: auto;
			float: none;
		}
		#sidebar .medias_login label.error { margin-bottom: 10px; margin-left: 0; }
		
		#sidebar .medias_login input {
			float: none;
			margin: 0 0 10px 0;
			width: 175px;
		}
		
		#sidebar .medias_login input.submit {
			width: auto;
		}


/* ------------------------------------------------------------------------
	Footer
------------------------------------------------------------------------- */

	#footer ul {
		float: right;
		list-style: none;
		white-space:nowrap;
	}
	
	#footer li {
		display: inline;
		margin: 0 0 0 18px;
	}
	
	#footer p {
		float: left;
	}
	
	#footer a		{ color: #8c8b89; }
	#footer a:hover { color: #fca311; }


/* ------------------------------------------------------------------------
	Home
------------------------------------------------------------------------- */

	.home #content-container {
		background: none;	
		margin: -40px 0 0 0;
		padding: 0;
		position: relative; z-index: 1;
		width: 100%;
	}
	
	.hub #flash-container {
		overflow: hidden;
		position: relative;
		width: 100%;
		display:none;
		margin-top:-38px
	}
	
	.inside #flash-container{
	  position:absolute;
		top:0; 
		margin-top:65px;
		z-index:8000;
		left:0;
	}
	
	.home #footer-container { margin-top: 0; z-index: 2; }
	
	
/* ------------------------------------------------------------------------
	Fixed layout
	No scrollbar, footer with fixed position
------------------------------------------------------------------------- */
	body.fixed {
		overflow: visible;
	}
	
	body.fixed #footer-container {
		position: fixed;
		bottom: 0;
		left: 0;
	}
	
	
/* ------------------------------------------------------------------------
	Hub landings width fixed background
------------------------------------------------------------------------- */

	.fixed.hub #content-container {
		background: none;	
		margin: 20px auto 0 auto;
		width: 970px;
		position: relative;
	}
	
	.hub #content-container {
	  margin-top:0
	}
	
	body .hub-bg-image {
		display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
	}
	
	/* floating hub intro box */
	
	 .accueil-intro  {
	   display:none;
	 }
	 
	 
	
	#hub-intro, .hub-intro {
		float: right;
		width: 460px;
		min-height: 125px;
		margin-top: 50px;
		padding: 15px 20px 0 20px;
		background: url(../images/all/backgrounds/hub-intro2.png) no-repeat top right;
	}
	
	
		#hub-intro h1,  .hub-intro h1 {
			color: #fff;
			font-size: 3.5em;
			text-transform: uppercase;
			margin-left: -2px; /* cufon tweaks */
			margin-bottom: 10px;
		}
		
		.hub-intro {display:none; margin:-8px 23px 0 0;}
		.hub-intro.active{display:block}
		
		#hub-intro p, .hub-intro p {
			color: #fff;
			font-size: 1.3em;
			margin-bottom: 10px;
		}
		
		.copyright {background:url(../images/all/backgrounds/hub-intro.png) no-repeat top right; bottom:77px; color:white; height:15px; padding:5px 7px; position:absolute; width:150px;}
		
		
		#hub-intro a {
			color: #FBA211;
			text-decoration: underline;
		}
		
		#hub-intro a:hover { text-decoration: none; }
		
		#hub-intro a.close { float: right; }

	/* image background browser on hub pages */
	#hub-bg-browser {
		display: none;
		position: absolute;
		left:20px;
		bottom: 191px;
		list-style: none;
	}
	
		#hub-bg-browser li {
			float: left;
			margin-right:5px;/*margin-left: 5px;*/
		}
		
			#hub-bg-browser li img {
				border: 1px solid #fff;
				/*opacity: 0.5;*/
			}
		
			#hub-bg-browser li a.active img,
			#hub-bg-browser li img:hover { 
				border: 1px solid #fba211;
				opacity: 1;
				cursor: pointer;
			}
			
		#hub-bg-browser .info {
			float: left;
			position: relative;
			top: 16px;
		}


/* ------------------------------------------------------------------------
	Recherche
------------------------------------------------------------------------- */

	.recherche #content form {
		clear: both;
		position: relative;
		width: 341px;
	}
	
		.recherche #content form input {
			height: 11px;
			padding: 0 0 4px 0;
			width: 320px;
			float: left;
		}
		
		.recherche #content form input.submit {
			border: 0;
			height: 17px;
			left: 0;
			padding: 0;
			position: relative;
			top: 0;
			width: 19px;
			float: right;
		}
		
	.recherche .forfaits-listing .col-left {
		background: none;
		min-height: 0;
		padding-left: 15px;
		padding-right: 15px;
		width: 627px;
	}


/* ------------------------------------------------------------------------
	Repertoire des entrepreneurs
------------------------------------------------------------------------- */

	.entrepreneurs .forfaits-listing .col-left {
		background: none;
		width: auto;
	}
	
	.entrepreneurs .forfaits-listing .col-left a {
		position: relative;
		color: #FBA211;
		text-decoration: underline;
	}
	
	.entrepreneurs .forfaits-listing .col-left a:hover { text-decoration: none; }
	
	.entrepreneurs .forfaits-listing li:hover { background: none; }


/* ------------------------------------------------------------------------
	Facebook fan box
------------------------------------------------------------------------- */

	#sidebar .facebook { padding-bottom: 0 !important; }

	#sidebar .facebook h5 { margin-bottom: 0; }

	#sidebar .facebook_fan {
		background-color:white !important;
		margin-left: -20px;
		margin-right: -20px;
		overflow: hidden;
		width: 235px;
	}

/* ------------------------------------------------------------------------
	Facebox
------------------------------------------------------------------------- */

	#facebox {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1001;
		text-align: left;
		width: 860px;
	}
	
		#facebox .content {
			height: 100%;
		}

		#facebox .tl {
		  background:url(../images/all/backgrounds/facebox-top-left-bg.png) 0 0 no-repeat;
		  width: 30px; 
		  height: 59px;
		}
	
		#facebox .tc {
		  background:url(../images/all/backgrounds/facebox-top-center-bg.png) 0 0 repeat-x;
		  height: 59px;
		}

		#facebox .tr {
			background:url(../images/all/backgrounds/facebox-top-right-bg.png) 0 0 no-repeat;
		  width: 30px; 
		  height: 59px;
		}

		#facebox .sl {
			background:url(../images/all/backgrounds/facebox-side-left-bg.png) 0 0 repeat-y;
		  width: 30px;
		}

		#facebox .sr {
			background:url(../images/all/backgrounds/facebox-side-right-bg.png) 0 0 repeat-y;
		  width: 30px;
		}

		#facebox .bl {
			background:url(../images/all/backgrounds/facebox-bottom-left-bg.png) bottom left no-repeat;
		  width: 30px; 
		  height: 30px;
		}
	
		#facebox .bc {
		  background:url(../images/all/backgrounds/facebox-bottom-center-bg.png) bottom left repeat-x;
		  height: 30px;
		}

		#facebox .br {
			background:url(../images/all/backgrounds/facebox-bottom-right-bg.png) bottom right no-repeat;
		  width: 30px; 
		  height: 30px;
		}  

		#facebox .popup {
		  position: relative;
		}
		
		#facebox a.close {
			position: absolute;
			top: 25px;
			right: 30px;
			display: none !important;
			padding-left: 12px;
			background: url(../images/all/buttons/btn-close-black.gif) no-repeat left center;
			font-size: 1.1em;
			color: #6c6f70;
			z-index: 1002;
		}

		#facebox table {
		  border-collapse: collapse;
			border: 0;
		}

		#facebox td {
		  border: 0;
		  padding: 0;
		}

		#facebox .body {
		  background: #f7f7f7;
		  width: 850px;
		}
	
		#facebox .content {
			margin-top: -35px;
			position: relative;
		}
		
			#facebox h1 {
				color: #444;
				float: left;
				font-size: 2.33em;
				font-weight: normal;
				line-height: 0.8;
				margin: 0 0 15px 0;
				padding: 0 0 0 0;
				text-transform: uppercase;
				width: 100%;
			}

					#facebox h1 .wrap {
						background: url(../images/all/backgrounds/dotted-line.gif) bottom left repeat-x;
						display: block;
						float: left;
						padding: 0 10px 6px 0;
						width: 510px;
					}
		
		
				#facebox .content p {
					font-size: 1.1em;
					margin-bottom: 10px;
				}

			#facebox .loading { text-align: center; }

			#facebox img {
			  border: 0;
			  margin: 0;
			}

			#facebox .footer {
			  border-top: 1px solid #ddd;
			  padding-top: 5px;
			  margin-top: 10px;
			  text-align: right;
			}

			#facebox_overlay {
			  position: fixed;
			  top: 0px;
			  left: 0px;
			  height:100%;
			  width:100%;
				z-index: 1000;
			}

			.facebox_hide {
			  z-index:-100;
			}

			.facebox_overlayBG {
			  background-color: #000;
			  z-index: 99;
			}

		* html #facebox_overlay { /* ie6 hack */
		  position: absolute;
		  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
		}



/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	#template {
		left: 50%;
		margin: 0 0 0 -583px;
		opacity: 0.5;
		position: absolute;
		top: 0;
		z-index: 10;
	}
	
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	#template.small {
		border: 1px red solid;
		height: 30px;
		overflow: hidden;
	}
	
	
/* ------------------------------------------------------------------------
	Template page Atom
------------------------------------------------------------------------- */
	
	.page-atom #content a { color: #ffa200; text-decoration: underline; }
	.page-atom #content a:hover { text-decoration: none; }
	.page-atom #content h2,
	.page-atom #content h3,
	.page-atom #content h4,
	.page-atom #content h5,
	.page-atom #content h6 { clear: both; /*float: none;*/ }
	
	.page-atom #content .blue-box h2,
	.page-atom #content .blue-box h3,
	.page-atom #content .blue-box h4,
	.page-atom #content .blue-box h5,
	.page-atom #content .blue-box h6 { clear: none; }
	
	.page-atom #content .col-left,
	.page-atom #content .col-right { width: 325px; margin-bottom: 15px; }
	
	.page-atom #content ul {margin: 0 0 10px 15px;}
	
	/* Fix for contact page */
	.page-atom.contact #content .col-left,
	.page-atom.contact #content .col-right { width: 310px; margin-bottom: 0; }
	.page-atom.contact #content .col-right { float: left; }
	
	.page-atom #content .col-left { float: left; }
	.page-atom #content .col-right { float: right; }
	/*.page-atom #content table.schedule {
		width: auto;
	}*/
	.page-atom #content .readmore { font-weight: normal; }
	/*.page-atom #content table.customTable td {border: 1px solid #d5d5d5; border-collapse: collapse;}*/
	
	.expand_content {
		clear: both;
		margin-bottom: 10px;
		width: 100%;
	}
	
	#ui-datepicker-div { z-index: 10000; }
	
.video-wrapper { padding: 0 15px; }
	
.calendar_holder { float: left; margin: 0 18px; padding-top: 15px; }
.calendar_holder .calendar_month { padding-left: 5px; }
.calendar_holder table.calendar { border: none; font-size: 10px; }
.calendar_holder table.calendar td,
.calendar_holder table.calendar th { border: none; text-align: center; padding: 1px 5px; }
.calendar_holder table.calendar td.green { background-color: green; color: #fff; }
.calendar_holder.legend .icon { display: block; width: 15px; height: 15px; background-color: green; float: left; margin-right: 5px; }
.calendar_holder.legend small { line-height: 10px; }
	
	
/* ------------------------------------------------------------------------
	Meteo Splash page
------------------------------------------------------------------------- */
.splash-page #content { background: none; }
.splash-page .player-playlist .content { 
	min-height: 315px; 
	color: #fff;
	background: #7f7f7f url(../images/all/backgrounds/meteo-splash-content-left.png) left top repeat-x;
}
.splash-page #content.player-playlist .content .subtitle { color: #fba211; }
.splash-page #content.player-playlist .content h1 { background:transparent url(../images/all/backgrounds/title-arrow-blue.gif) no-repeat scroll left 35%; }
.splash-page .player-playlist .content h1 span.meteo-splash { color: #fff; font-size: 30px; }

.splash-page .player-playlist .content h2 { 
	margin-bottom: 0;
	background: transparent url(../images/all/backgrounds/dotted-line.gif) repeat-x scroll left bottom;

} 
.splash-page .player-playlist .content h2 span.meteo-splash { color: #fff; font-size: 18px; float: none; }

.splash-page .player-playlist .left-col {
	min-height: 375px;
	padding-top: 20px;
	background: url(../images/all/backgrounds/meteo-splash-shadow-left.png) right top repeat-y;
}

.splash-page .player-playlist .right-col {
	background-color: #fff;
	border-style: solid; border-color: #cfd0d2; border-width: 20px 0;
	min-height: 340px;
}

	.splash-page .player-playlist .right-col .right-pane {
		width: 312px; float: left;
		margin-left: 17px;
	}
	
		.splash-page .conditions-glisses .previsions table {
			width: 312px;
		}
	
	.splash-page .player-playlist .right-col .left-pane {
		width: 251px; float: left;
		margin-left: 23px;
	}
	
	.splash-page .player-playlist .right-col .left-pane .webcam .main_title {
		padding: 11px 8px 0 8px;
		height: 30px;
		background-color: #f0f0f0;
	}
	
	.splash-page .wrapper_foot { clear: both; width: 100%; padding-top: 10px; }

	.splash-page a.b_enter_site {
		display: block;
		width: 163px; height: 25px;
		position: relative; top:-5px;
		overflow: hidden; text-indent: -10000px;
		background: url(../images/fr/buttons/b_enter_site.gif);
	}
	
	#en.splash-page a.b_enter_site { background-image: url(../images/en/buttons/b_enter_site.gif); }
	
	span.separator { 
		display: block;
		height: 3px; width: 100%; line-height: 3px;
		background: url(../images/all/backgrounds/dotted-line.gif);
		margin: 15px 0 10px 0;
	}

	body.piste_print {background: #fff none; margin: 0; padding: 0; }
	.piste_print .print_center#content { 
		width: 696px;
		margin: auto;
		background: #fff;
		float: none;
	}
	.piste_print table.pistes {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.piste_print .piste_name { width: 60%; }
	.piste_print #pistes-flash { margin-left: 0; margin-right: 0; }
	.piste_print #content h1 .wrap { width: 100%; padding-right: 0; }
	.piste_print #content h1 .update { left: 0; right: 0; }
	.piste_print.etat-des-pistes #content h1 span.update { position: relative; left: 0; } 

#last_event_holder { clear: both; }
#last_event_holder .last_event_item { clear: both; }

#scrollingNews { position: relative; }
#scrollingNews .javascript-tabs.tabs.paging {
	position: absolute; top: 11px; right: 10px;
}
#popupClose{
			background:url("../images/all/prettyPhoto/light_square/btn-close.gif") no-repeat scroll 0 0 transparent;
			cursor:pointer;
			height:10px;
			width:42px;
			position: absolute;
			top: 15px; left: 800px;
			text-indent: -1000px;
			overflow: hidden;
		}
#popupClose:hover { background-position: 0 -16px; } /* Close button */

/* ------------------------------------------------------------------------
  Le Train
------------------------------------------------------------------------- */

/*
	Le trajet
*/

.trajet.train .forfaits-listing { background: none; }
.trajet.train #flash_container { margin-left: -20px; margin-bottom: 16px; /*background-color: #707070;*/}
.trajet.train .forfaits-listing h2 { background: none ; color: #FFA200;}
#content.trajet.train ul.forfaits-listing { margin-left: 15px;}
#content.trajet.train .forfaits-listing li { border: none; padding: 0; list-style-type: disc; width: 640px;}
#content.trajet.train .forfaits-listing a.media { margin: 5px; text-decoration: none;}
#content.trajet.train .forfaits-listing a.media:hover { text-decoration: underline;}
#content.trajet.train .forfaits-listing a.chevrons{margin-left:5px; text-decoration: none;}
#content.trajet.train .forfaits-listing a.chevrons:hover { text-decoration: none;}
#content.trajet.train .forfaits-listing h2 { color: #FFA200; font-size: 1.05em; text-decoration: underline; font-weight: normal; cursor: pointer;}
#content.trajet.train .forfaits-listing h2:hover { color: #FFA200; font-size: 1.05em; text-decoration: none; font-weight: normal; cursor: pointer;}
#content.trajet.train .forfaits-listing p { font-size: 1em;}
#content.trajet.train .forfaits-listing p.destination_body {margin-bottom : 5px;}
#content.trajet.train .forfaits-listing a.media { margin: 0px 5px 0px 0px; text-decoration: underline;}
#content.trajet.train .forfaits-listing a span { font-weight: normal;}
#content.trajet.train .forfaits-listing a.media:hover span { text-decoration: none;}
#content.trajet.train .forfaits-listing a.media:hover { text-decoration: none;}

.trajet.train .forfaits-listing span { background: none ; /*color: #FFA200;*/ font-weight: bold;}

#content.trajet.train .linkToMedias { margin-top: -5px;}
#content.trajet.train .toDestination { cursor: pointer; }
#content.trajet.train .toDestination:hover { text-decoration: underline; }

.trajet .sm { font-size: 10px;}

.schedule i.sm {font-size: 0.85em; font-style:normal; text-transform:none;}

.trajet .more_link { background-color: #efefef; padding: 5px 15px;}
.trajet .more_link  h2 { background: none;}
.trajet span.sm { font-size: 0.85em;}

/*
  Montez à bord cet automne (train ete)
*/

.trainEte table.forfait tr, .montez table.forfait tr { background-color: #efefef; border: none; height: 22px;}
.trainEte table.forfait tr td,.montez table.forfait tr td {border: none; color: #828282;}
.trainEte table.forfait tr td.age, .montez table.forfait tr td.age {font-size:14px; font-weight: bold; color: #666666;}
.trainEte table.forfait tr td.age span, .montez table.forfait tr td.age span {font-size:10px; font-weight: normal; color: #828282;}
.trainEte table.forfait tr.light, .montez table.forfait tr.light { background-color: #f7f7f7;}

.trainEte table.horaire, .montez table.horaire { border: none; border-collapse: collapse; /*width: 212px;*/}
.trainEte table.horaire tr, .montez table.horaire tr { border: none;}
.trainEte table.horaire tr td, .montez table.horaire tr td {border: none; font-size: 1em; color: #707070;}
.trainEte table.horaire tr td.heure, .montez table.horaire tr td.heure { width: 142px; vertical-align: top;}

.trainEte .calendar_train { margin-right: 30px;}
.trainEte .calendar_train table.event { height: 17px; margin-left: 2px; margin-top: -21px;  opacity: 0.5; width: 17px !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }

.trainEte .dropdown { width: 270px;}
.trainEte .dropdown ul { padding-left: 0px!important;}
.trainEte .dropdown ul a { color: #333333!important; cursor: pointer; display: block; min-height: 17px; text-decoration: none!important;}
.trainEte .dropdown ul a:hover { color: #D58800!important;}

.trainEte #thirdMenu { margin: -15px 0px 15px;}
.trainEte #thirdMenu a{ margin: 0px 5px; color: #707070; font-weight: bold;}
#content.trainEte #thirdMenu a.active,.inside #content .tab #thirdMenu a.active, .inside #content .tab  #thirdMenuRecette a.active, .inside #content .tab  #thirdMenuRecette a.active  { color: #000; text-decoration: none; font-weight: bold; cursor: default;}
.inside #content .tab #thirdMenu a,.inside #content .tab #thirdMenuRecette a{ margin: 0px 5px;  font-weight: bold;}


.trainEte .menuBox, .block-content .menuBox, .block-content .menuBoxFerme, .trainEte .menuBoxRecette, .block-content .menuBoxRecette { display: none;}
.trainEte .menuBox.active , .block-content .menuBox.active, .block-content .menuBoxFerme.active, .trainEte .menuBoxRecette.active, .block-content .menuBoxRecette.active{ display: block;}

.trainEte #informations .fright { width: 420px;}

.trainEte table.forfait { border: none; border-collapse: collapse; width: 255px;}


.trainEte h3 { font-size: 12px; font-weight: bold; /*color:#ffa200;*/ margin-top: 15px;}
.inside #content.trainEte .tab ul li { margin-bottom: 0;}

/*
	page train / tarifs
*/
.tarifs .more_link { background-color: #efefef; padding: 5px 15px;}
.tarifs .more_link  h2 { background: none;}
.tarifs span.sm { font-size: 0.85em;}
.tarifs .calendar_train { margin-right: 30px;}
.tarifs em.sm {font-size: 0.85em; font-style:normal;}
.tarifs .schedule tr:hover td { background-color: #ffa200; color: #fff; cursor: pointer;}
.tarifs .schedule tr.secteur:hover td { background-color: inherit; color: inherit; cursor: default;}
.tarifs .schedule .secteur { font-size: 1em; text-transform: uppercase;}
.tarifs .schedule .right { padding-left: 25px;}

/*
	page train / forfaits
*/

.train.categorie .more_link { background-color: #efefef; padding: 5px 15px;}
.train.categorie .more_link  h2 { background: none;}
.train.categorie h2 a { color: #707070!important; float: inherit; font-size: 1em; font-weight: normal; margin: inherit; text-decoration: none!important; text-transform: inherit; padding-left: 12px; background: url('../images/all/buttons/forfait_cat_arrow.gif') left 5px no-repeat;}
.train.categorie h2 a:hover { color: red;}
.train.categorie .forfait.img .fleft { width: 508px;}
.train.categorie .forfait .fleft ul li a { margin-right: 25px;}
.train.categorie .faded-top { min-height: 0px; background: none;}

.train.creez.single#content .forfaits-listing .col-right { width: 120px; font-size:10px; margin-top: 0px;}
.train.creez.single#content .forfaits-listing h2 a { background: none; color: #D58800!important; }


/*
	page train / creezforfait
*/
.train .forfaits-listing a { background: none; position: static; text-indent: inherit;}
.train .forfaits-listing li:hover { background: none;}
.train .forfaits-listing .see_more { margin-top: 15px;}
.train .forfaits-listing .see_more .button { background: url('../images/all/buttons/btn_forfait_more.gif'); width: 13px; height: 13px; cursor: pointer;}
.train .forfaits-listing .see_more .button.active { background: url('../images/all/buttons/btn_forfait_more_active.gif'); width: 13px; height: 13px; cursor: pointer;}
.train .forfaits-listing .see_more .left {  margin-left: 1px; width: 295px; background-color: #a6a6a6; color: #fff; font-size: 10px;}
.train .forfaits-listing .see_more .left .top { height: 13px; line-height: 13px; padding-left: 5px;}
.train .forfaits-listing .see_more .left .hidden { display: none; padding: 2px 5px 2px 5px;}
.train .forfaits-listing .see_more .left .hidden .inner {border-top: 1px solid #fff; padding-top: 2px; }
.train#content  .forfaits-listing .col-right.fright { width: 130px; margin-top: 10px;} 
.train#content .forfaits-listing h2 a { font-size: 0.9em; color: #D58800; text-decoration: none; text-transform: uppercase; font-weight: bold;}
.train .more_link { background-color: #efefef; padding: 5px 15px;}
.train .more_link  h2 { background: none;}
.train .faded-top { min-height: 120px;}
.train.creez .faded-top h1 { margin: 0 0 8px !important;}
.train.creez .forfaits-listing .col-right p span { font-size: 1.5em;}
.train.creez#content .faded-top .dropdown ul { padding-left: 0px;}
.train.creez#content .faded-top .dropdown a { text-decoration: none; color: #000;}
.train.creez#content .faded-top .dropdown a:hover { text-decoration: none; color: #D58800;}

/*
	calendar_train
*/
.calendar_train { background-color: #f7f7f7; padding: 8px 11px 0; }
.calendar_train h2 { text-align: center; border: none; font-size: 14px; font-weight: bold; background: none; margin-top: -10px; margin-bottom: 2px;}
.calendar_train .full-calendar-month td { text-align: center;}
.calendar_train .full-calendar-month thead { background: url('../images/all/backgrounds/calendrier_train_header.gif'); height: 22px; }
.calendar_train .full-calendar-month thead th  { background: none; vertical-align: top; padding-top: 1px; font-size: 1em;}
.calendar_train .full-calendar-month thead th.d {background-image: url('../images/all/backgrounds/calendrier_train_header_border.gif'); background-repeat: no-repeat; background-position: left;}
.calendar_train .full-calendar-month thead th.s {background-image: url('../images/all/backgrounds/calendrier_train_header_border.gif'); background-repeat: no-repeat; background-position: right;}
.calendar_train .full-calendar-month .event td { background-color: #000000;}

.calendar_train .full-calendar-month tbody { /*background-image:url("../images/all/backgrounds/dotted-line.gif"); */}
.calendar_train .full-calendar-month td.other-month { vertical-align: middle; /*text-indent: -9999px; overflow: hidden;*/}
.calendar_train .full-calendar-month th,.calendar_train .full-calendar-month td.day { vertical-align: middle; border: none; }
.calendar_train .full-calendar-month td.day { background-image: url('../images/all/backgrounds/calendrier_train_bg.gif'); background-position: 04px 0; background-repeat: no-repeat; width: 17px!important; height: 21px!important; }
.calendar_train .full-calendar-month  { width: 175px;} 
.calendar_train .full-calendar-month .event { cursor: default;}

.calendar_train .full-calendar-month .day-number { text-align: center;}
.calendar_train .full-calendar-month td.today { background: inherit;}
.calendar_train .full-calendar-month th { background-color: #e8e8e8;}
.calendar_train .full-calendar-header { position: relative;}
.calendar_train .full-calendar-buttons button { position: absolute; display: block; height: 14px; width: 12px; text-indent: -9999px; overflow: hidden; top: 3px;}
.calendar_train .full-calendar-buttons button.prev-month { left: 0; background-image: url('../images/all/buttons/fle_train_left.gif');}
.calendar_train .full-calendar-buttons button.next-month { right: 0; background-image: url('../images/all/buttons/fle_train_right.gif');}

#sidebar .side-block.faq a { float: none;}


/* Block hub - Main */
.block-content{padding-left:13px;}
.hub-block-main .block-content {background:transparent url("../images/all/backgrounds/hub-block-main-bg.png") repeat-y;}
.hub-block-main .content-left{float:left; width:377px; margin-right:17px;}
.hub-block-main .content-right{float:left; width:202px; padding-top:15px;}
.block-content .grey-bg, .overlay-box .light-bg{padding:17px; max-width:580px;}
.block-content .light-bg { background: url(../images/all/backgrounds/dotted-line.gif) top left repeat-x; max-width: 580px; padding:17px 0; margin:0 17px;}
.overlay-box .light-bg, .slideshow-suggestions{background-color:#EFF0F3;}
.hub-block-small-tabbed .grey-bg a{text-decoration:none; color:black;}
.hub-block-small-tabbed .grey-bg a:hover{text-decoration:underline;}
.hub-block-main h5, .hub-block-small h5, .hub-block-small-tabbed ul{background: transparent url("../images/all/backgrounds/hub-block-titles-bg.png") no-repeat 0 0; color:#33302e; height:21px; padding-top:23px; padding-left:25px; text-transform:uppercase;}
.block-main-end {background:transparent url("../images/all/backgrounds/hub-block-main-end.png") no-repeat 0 0; height:6px;}

/* Bloc Montez */
.hub-block-main.montez ul {list-style-position:inside; width:335px; margin-top:10px;}
.hub-block-main.montez ul li{margin:5px 0;}
.montez .col-left , .montez .col-right{width:273px;}
.montez .col-left .col-content, .montez .col-right .col-content {width:286px; padding-top:5px;}
.montez .col-left .col-content {border-right:1px dotted #8F9092;}
.montez .col-left  p, .montez .col-right p {width:180px; margin-right:21px;}
.hub-block-main .content-left span{float:left;}
.montez table.forfait { border: none; border-collapse: collapse; width: 245px;}
.montez table.forfait  td {padding:1px 8px;}
.montez table.forfait tr {background-color:#E4E6EB;}

/* Block conditions hiver */
.block-content .conditions {width:100%; border:0 none;}
.block-content #webcam-photo ul, .block-content #ferme-webcam-photo ul {list-style:none;}
.block-content #webcam-photo li, .block-content #ferme-webcam-photo li {display:block; float:left;}
.block-content #webcam-photo li a.active, .block-content #ferme-webcam-photo li a.active{font-weight:bold;}

/* Block hub - Small (liens frequents / reseaux sociaux */
.hub-block-small .block-content, .hub-block-small-tabbed .block-content{background:transparent url("../images/all/backgrounds/hub-block-small-bg.png") repeat-y;}
.hub-block-small p {font-size:0.9em;}
.hub-block-small h5, .hub-block-small-tabbed ul{background-position:center bottom;}
.lien_frequent{width:270px; margin-bottom:20px;}
.hub-block-small-tabbed .light-bg{background:none; margin-top:21px; margin-left:-17px; margin-bottom:-17px; padding:17px; width:260px;}
.overlay-box .light-bg{margin-top:21px; margin-left:-11px; margin-bottom:-17px; width:260px;}
body.hub #content-container .lien_frequent a.arrow{font-size:1em; font-weight:bold; text-decoration:none;}
body.hub #content-container .lien_frequent a.arrow:hover, body.hub #content-container .lien_frequent a.arrow:focus{text-decoration:underline;}
.block-small-end {background: transparent url("../images/all/backgrounds/hub-block-small-end.png") no-repeat 0 0; height:9px; width:100%;}
ul.li_spacing li{line-height: 19px;}
.right .block-content .grey-bg {background:none; width:253px;}
.clear { display: block; height: 1px; font-size: 1px; overflow: hidden; clear: both; float: none; }

/* New Home hub */

#slideshow{ position:absolute; height:433px; width:100%; top:0; overflow:hidden; z-index:1 }
#content_master{background:#33302E; font-size: 1.2em;}
#content_master a.arrow {font-size:0.9em;}
body.hub #content-container #content_master .left { width:635px; float:left; margin-left: -3px;}
body.hub #content-container #content_master .right { width:317px; float:right; margin-right: -3px;}
#content_master .horizontal-previsions li {background:transparent; width:160px; padding:7px 3px; height:100%; margin-bottom:0;}
#content_master .horizontal-previsions .min-max {text-align:left; width:85px;}
#content_master .horizontal-previsions .min-max span.brief{font-weight:bold; font-size:0.9em;}
#slideshow_hub { width:955px; height:463px; margin-left:0px; overflow:hidden; position:relative; z-index:1}
#slideshow_hub .slideshow_img {position:absolute; top:0; display:none;}
#slideshow_hub .active {position:absolute; top:0; display:block;}
#slideshow_hub #slideshow_content { width:945px; height:463px; position:relative; margin:0 auto; z-index:2}
#slideshow_hub #slideshow_content #hub-intro { float:none; position:absolute; right:15px}

#slideshow_hub #slideshow_content #hub-bg-browser{ display:block; left:15px; bottom:15px}
#slideshow_hub #slideshow_content #hub-bg-browser .info {right:-16px; top:16px}

#slideshow_hub #slideshow_content #hub-bg-browser li a.activeThumb img { border: 1px solid #fba211;opacity: 1;cursor: pointer;}

.flash360{ background: url('../images/hub/360.jpg'); width:163px; height:50px;border: 1px solid #FFFFFF; text-indent:inherit}
.flash360 p{ margin:0; padding:0; width:89px; color:white; text-decoration:none; margin:3px 0 0 70px}

#btnMasquer{position:absolute; right:-1px; top:-29px; width:124px; height:29px; background: url('../images/hub/overlay_button.png'); cursor:pointer; background-position:top}
#flashTrigger{background: url('../images/all/buttons/btn-close.gif'); width:15px; height:15px; position:absolute; top:105px; right:0; display:none; cursor:pointer; z-index:10}
/*.inside #flashTrigger{background: url('../images/all/buttons/btn-close.gif'); width:15px; height:15px; position:absolute; top:-398px; right:3.7%; display:none; z-index:9000; cursor:pointer}*/
.hub-container{position:relative; background:#33302E; padding-bottom:8px; width:955px; margin:-38px auto 0 auto}

/* Nos suggestions */
.slideshow-suggestions {padding:15px 0; position:relative; height:225px;}
.slideshow-suggestions img {display:block; left:20%;}
.slideshow-suggestions a.previous, .slideshow-suggestions a.next {background:#808182 url('../images/all/buttons/suggestions-buttons.gif') 6px 16px no-repeat; position:absolute; top:40%; padding:16px 0; height:9px; width:18px;}
.slideshow-suggestions a.next {background-position: -6px 16px; right: 0 !important;}