/*******************
feuille de style
*******************/

/*******************
balises
*******************/
html{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 11px;
	background: url(images/fond-body.gif) top center fixed repeat-x #000b1e;
}
body {
	background: url(images/hiver/bg_light.png) top center no-repeat fixed;
}
#site {
	position: relative;
	z-index: 2;
}
.shadow {
	-moz-box-shadow: 0 10px 10px #000000 , 0 10px 10px #000000;
	-webkit-box-shadow: 0 10px 10px #000000 , 0 10px 10px #000000;
	box-shadow: 0 10px 10px #000000 , 0 10px 10px #000000;
}

/*******************
balises generales
*******************/
#sidebar {
	margin: 0;
	padding: 0;
	width: 300px;
	z-index: 100;
	float: right;
	margin: -80px 20px 0 0;
}
.page-template-home_hiver-php #sidebar{
	margin-top: -50px;
}

#sidebar .widget {
	width: 280px;
	float: right;
	margin: 20px 0 0 0;
}

.widget {
	border: 1px solid #487bb5;
	overflow: hidden;
	border-radius: 3px;
}
.widget h3 {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: 100;
	text-align: center;
	padding: 0;
	color: #fff;
	background: url(images/hiver/bg_widget.png) repeat-x #e2eff8;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

#sidebar #widget_forfaits_associes {
	height: auto;
}

#sidebar #widget_forfaits_associes #liste_forfaits_associes {
	padding: 10px 10px 0;
}

#sidebar #widget_forfaits_associes #liste_forfaits_associes li a {
	margin: 0 0 10px 0;
}

#sidebar #widget_meteo {
	height: 274px;
}

#sidebar #widget_meteo table {
	height: 220px;
}

#footer{
	margin-top: 20px;
	padding-bottom: 10px;
	color: #fff;
	text-align: center;
}

/*******************
header
*******************/
#header{
	height: 314px;
	background: url(images/hiver/bg_header.gif) repeat-x 0 19px;;
	position: relative;
	z-index: 5;
}
#header #top_links {
	height: 20px;
	background: #000;
}
#header #top_links li {
	display: block;
	float: right;
	margin: 0 0 0 10px;
	padding: 4px 5px;
}
#header #top_links li img {
	vertical-align: -3px;
	height: 12px;
	margin: 0 5px 0 0;
}
#header #top_links li a {
	color: #fff;
	font-size: 10px;
}
#header #top_links #baseline {
	float: left;
	color: #fff;
	margin-left: 5px;
}
#header #logo {
	width: 209px;
	height: 78px;
	background: url(images/hiver/logo.png) center center no-repeat;
	position: absolute;
	text-indent: -9000px;
}
#header .menu{
	float: right;
}
#header .menu ul li {
    list-style: none;
    display: block;
    float: left;
}
#header .menu ul li a {
	display: block;
	padding: 36px 22px 30px 22px !important;
	padding: 34px 22px 30px 22px;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	color: #00649a;
	border-left: 1px solid #fff;
	border-right: 1px solid #8dc5e8;
	position: relative;
}
#header .menu ul li a.first , #header .menu ul li:first-child a {
	border-left: none;
}
#header .menu ul li a.last , #header .menu ul li:last-child a {
	border-right: none;
}
#header .menu ul li a .arrow {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(images/hiver/arrow_subnav.gif) center center no-repeat;
	height: 20px;
	opacity: .5;
}
#header .menu ul li a .arrow:hover , #header .menu ul.open li a .arrow {
	opacity: 1;
}
#header .menu ul li ul {
	display: none;
	background: url(images/black_80.png);
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 99px;
	left: 0;
	width: 940px;
	padding: 0;
	height: 215px;
	z-index: 12;
}
#header .menu ul li ul.open {
	display: block;
}
#header .menu ul li ul .inner {
	position: relative;
	padding: 10px 0 0 20px;
	height: 199px;
	width: 620px;
}
#header .menu ul li ul li span {
	width: 230px;
	display: block;
	float: left;
	margin: 10px 10px 10px 0;
}
#header .menu ul li ul li a {
	display: block;
	float: left;
	padding: 7px 30px 7px 10px !important;
	background: url(images/bg_subnav.png) center right;
	color: #fff;
	text-shadow: none;
	border: none;
}
#header .menu ul li.current_page_item ul li a {
	background: url(images/bg_subnav.png) center right;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
#header .menu ul li ul li a:hover , #header .menu ul li ul li.current_page_item a {
	background: url(images/bg_subnav_hover.png) center right;
	color: #00649a;
}
#header .menu ul li ul img {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}
#header .menu ul li ul img.interne {
	right: -81px;
}
#header #teaser {
	width: 100%;
	height: 214px;
	background: url(images/loader.gif) #333 center center no-repeat;
	position: absolute;
	top: 99px;
	left: 0;
	z-index: 10;
	overflow: hidden;
}
#header #teaser #slider {
	height: 214px;
}
#header #shadow_top , #header #shadow_bottom {
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	background: url(images/ete/bg_teaser_shadows.png) no-repeat;
	z-index: 11;
}
#header #shadow_top { top: 99px; background-position: bottom center; }
#header #shadow_bottom { bottom: 0; background-position: top center; }
#header #brand {
	width:254px;
	height: 160px;
	background: url(images/hiver/logo_grand_domaine.png) no-repeat;
	position: absolute;
	top: 102px;
	right: 40px;
	z-index: 14;
}
#header #brand a{
	width:254px;
	height: 118px;
	display: block;
	text-indent: -999em;
}

/*******************
contenu
*******************/
#contenu{
	min-height: 200px;
	background: url(images/hiver/bg_content.gif) repeat-x #fff;
	position: relative;
	z-index: 10;
	padding: 0 0 20px 0;
}
#bandeau_texte{
	margin-left:0;
	margin-top:130px;
	padding:20px 10px;
	display: none;
}
#bandeau_texte h1{
	padding-bottom: 8px;
	margin-bottom: 4px;
	color: #012e71;
	font-size: 24px;
	font-style: italic;
	font-family: "Arial Narrow",Arial, "MS Trebuchet", sans-serif;
	background-image: url(images/header-trait.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#bandeau_texte h2{
	color: #C02A3C;
	font-size: 20px;
	font-family: "Arial Narrow",Arial, "MS Trebuchet", sans-serif;
}
#bandeau_station{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 10px;
	position:absolute;
	top: 265px;
	left: 0;
	display: none;
}
#bandeau_station img{
	float: left;
}
#bandeau_station ul,#bandeau_station ul li{
	float: left;
}
#bandeau_station ul{
	bottom:20px;
	left:140px;
	position:absolute;
	width:505px;
}
#bandeau_station ul li{
	margin-right: 1px;
}

#bandeau_station ul li a{
	padding: 5px 7px;
	color: #fff;
	background: url('images/fond-bandeau-station.png');
	text-decoration: none;
	float: left;
	display: block;
}
*html #bandeau_station ul li a{
	margin-left: 0;
	border-left: 1px solid transparent;
}
#bandeau_station ul li a:hover,#bandeau_station ul li a.bandeau_station_selection{
	background-color: #eb6a0a;
	background-image: none;
}

#iframe-intro {
    float:left;
    margin:20px 30px 0px 25px;
    width:890px;
}

#iframe-intro #forfaits_tous {
    width: 190px;
	float: right;
	padding: 10px;
	background: url(img/opacity/black_10.png);
	background: rgba(0,0,0,.1);
	border-radius: 3px;
}

.button , #liste_forfaits_associes li a , .liste_tous_forfaits ul li a {
	background:#c02a3c;
	border:1px solid #962131;
	color:white;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding:10px 20px;
	text-align:center;
	margin: 0 0 1px 0;
	text-shadow:0 1px 0 rgba(0,0,0,0.5);
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	box-shadow: 0 1px 2px #999999 , 0 1px 0 rgba(255,255,255,.25) inset;
	text-decoration: none;
}
.button:hover , #liste_forfaits_associes li a:hover { border-color:#222; text-decoration:none; }
.button:focus , .button:active , #liste_forfaits_associes li a:focus , #liste_forfaits_associes li a:active { border-color:#222; background-image:none; box-shadow: 0 0 10px rgba(0,0,0,.5) inset , 0 1px 0 #fff; padding:11px 20px 9px; margin: 1px 0 0 0; }

/*******************
stations
*******************/
.marge_stations{
	height: 20px;
}
#stations ul {
	padding: 20px 0 20px 150px;
}
#stations a{
	display: block;
	width: 100px;
	height: 40px;
	padding: 0;
	text-indent: -9000px;
	color: #012e71;
	text-decoration: none;
	background: url(images/stations.png); 
}
#stations ul li{
	display: block;
	float: left;
}
#stations_alpes_dhuez,#stations_auris_en_oisans,#stations_oz_en_oisans,#stations_vaujany,#stations_villard_reculas,#stations_alpe_du_grand_serre{
	padding-top: 40px;
	background-position: top center;
	background-repeat: no-repeat;
}
#stations #stations_alpes_dhuez { background-position: -300px 0; }
#stations #stations_alpes_dhuez:hover { background-position: -100px 0; }
#stations #stations_auris_en_oisans { background-position: -300px -120px; }
#stations #stations_auris_en_oisans:hover { background-position: -100px -120px; }
#stations #stations_vaujany { background-position: -300px -60px; }
#stations #stations_vaujany:hover { background-position: -100px -60px; }
#stations #stations_oz_en_oisans { background-position: -200px -120px; }
#stations #stations_oz_en_oisans:hover { background-position: 0 -120px; }
#stations #stations_alpe_du_grand_serre { background-position: -200px 0; }
#stations #stations_alpe_du_grand_serre:hover { background-position: 0 0; }
#stations #stations_villard_reculas { background-position: -200px -60px; }
#stations #stations_villard_reculas:hover { background-position: 0 -60px; }

/*******************
bas de page
*******************/
#site_bas {
	clear:both;
	position: relative;
	z-index: 20;
}
#site_bas .shadow {
	width: 940px;
	margin: 0 auto;
}
#site_bas .fond_bleu {
	border-radius: 0 0 5px 5px;
}
#site_bas .grid_4 {
	padding: 20px 0 0 0;
}
#site_bas #footer_pub_satablog img {
	display: block;
	margin: 0 10px;
}
#site_bas #footer_pub_misc p a img {
	display: block;
	margin: 0 0 15px 0;
}
#site_bas #concours_photo_alpe{
	width: 260px;
	height: 100px;
	padding: 105px 0 0 20px;
	font-size: 13px;
	background: url(images/fond-concours-photo-alpe.gif) 0 20px no-repeat;
}
#site_bas #concours_photo_alpe img{
	vertical-align: middle;
	margin-bottom: 10px;
}
#site_bas #concours_photo_alpe a{
	color: #C02A3C;
	text-decoration: none;
}

/*******************
footer
*******************/
#footer {
	line-height: 14px;
	padding: 20px 0;
}
#footer a{
	color: #fff;
}
#footer a.lien_footer{
	color: #C02A3C;
}

/*******************
classes
*******************/

.form-forfait {
    color:#6B6B6B;
	font-size:18px;
	font-weight: 700;
	margin-top:10px;
}

.fond_bleu{
	background-color: #ebf4f9;
}
.fond_degrader_bleu{
	background-image: url(images/fond-degrader-bleu.gif);
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #ebf4f9;
	height: 60px;
	border-top: 1px solid #666;
}
.lien_en_savoir_plus{
	margin-top: 3px;
}
.lien_en_savoir_plus a{
	font-size: 11px;
	color: #C02A3C;
}


.bloc-droite h2{
	color: #fff;
	font-size: 1.4em;
}

.bouton-reserver{
	background: url('images/bouton-reserver.png') no-repeat scroll top left;
	width: 89px;
	height: 15px;
}



/* Comparateur tarifs
-------------------------------- */

	
/* Général */
.fond-iframe {
	overflow: hidden;
	background:#fff;
}
.fond-iframe #content h2 {
	font-size:23px;
	color:#fff;
	background:url(images/fond-lb.png) repeat-x #B0D3EC;
	padding:25px 0 25px 25px;
	text-shadow:0 1px 0 #222;
	margin:0 1px;
}
	
/* Table */

table#tarifs {
	width:100%;
	color:#222;
}

table#tarifs td,table#tarifs th {
	padding:40px 10px;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	border:1px solid #fff;
}

table#tarifs th {
	background:#e5edff;
}

table#tarifs td {
	width:200px;
}

table#tarifs td.highlight:hover {
	background:#325A9C;
	color:#fff;
	cursor:pointer;
	-moz-box-shadow:0 0 10px #333 inset;
	-webkit-box-shadow:0 0 10px #333 inset;
	box-shadow:0 0 10px #333 inset;
}

table#tarifs td.highlight {
	background:#ffffe8;
}

table#tarifs th.highlight {
	background:#6c85c7;
	color:#fff;
}

/* Paragraphes */
.paragraphe {
	position:absolute;
	top:0;
	left:0;
	width:760px;
	height:455px;
	background:#325A9C;
	color:#fff;
	display:none;
	padding:20px;
	overflow:auto;
	-moz-box-shadow:0 0 10px #333 inset;
	-webkit-box-shadow:0 0 10px #333 inset;
	box-shadow:0 0 10px #333 inset;
}

.paragraphe-inner {
	display:none;
}

.paragraphe .close {
	position:absolute;
	top:20px;
	right:20px;
	display:block;
	padding:3px 7px;
	background:#000;
	color:#fff;
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:none;
	margin:0 0 20px 20px;
}

.paragraphe h1 {
	font-size:24px;
	margin-bottom:20px;
}

.paragraphe p {
	font-size:12px;
	line-height:16px;
	color:#CDD5E8;
	margin-bottom:10px;
}

.paragraphe a {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}

.paragraphe hr {
	clear:both;
	visibility:hidden;
	margin:10px 0;
}

.paragraphe table {
	width:100%;
	margin-bottom:20px;
}

.paragraphe table th,.paragraphe table td {
	background:#36539A;
	border:1px solid #325A9C;
	text-align:center;
	vertical-align:middle;
	padding:10px 20px;
}

.paragraphe table th {
	background:#4965A3;
}

.paragraphe .buttons {
	clear: both;
	margin: 20px 0 0 0;
}

.paragraphe .buttons a {
	text-decoration:none;
	background:#C02A3C url(images/fond-charge-forfait-red.png) repeat-x bottom left;
	border:1px solid #b13712;
	color:white;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	padding:10px 20px;
	margin: 0 10px 10px 0;
	text-shadow:0 1px 0 rgba(0,0,0,0.5);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.paragraphe .buttons a:hover {
	border-color:#222;
}

.paragraphe .buttons a:focus , .paragraphe .buttons a:active {
	border-color:#222;
	background-image:none;
	-moz-box-shadow:0 0 10px #000 inset;
	-webkit-box-shadow:0 0 10px #000 inset;
	box-shadow:0 0 10px #000 inset;
}
	
/* Autres */
.ui-effects-transfer {
	background:#325A9C;
	-moz-box-shadow:0 0 10px #333 inset;
	-webkit-box-shadow:0 0 10px #333 inset;
	box-shadow:0 0 10px #333 inset;
}

#fancybox-inner,#fancybox-frame,#fancybox-frame body {
	overflow:hidden;
}

/* Download */
.download a{
	display: block;
	padding: 10px 10px 10px 40px;
	margin: 5px 0 10px 0;
	background: #D3E8F5 url(images/download.png) no-repeat scroll 5px center;
}
.download a:hover{
	background-color: #fff;
	color: #012E71;
}