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


/*******************
balises
*******************/
html {
	background: url(images/ete/bg_body.png);
}

body{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 11px;
	background-image: url(images/ete/bg_body2.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

/*******************
balises generales
*******************/
#site_bas{
	clear:both;
}
#footer{
	padding: 20px 0 0 0;
	height: 94px;
	background: url(images/ete/bg_footer.jpg);
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0px #000;
}

/*******************
header
*******************/
#header{
	height: 314px;
	background: url(images/ete/bg_header.gif) repeat-x 0 20px;
	-moz-box-shadow: 0 10px 10px #000;
	-webkit-box-shadow: 0 10px 10px #000;
	box-shadow: 0 10px 10px #000;
	position: relative;
}
#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 #logo {
	display: block;
	text-indent: -9000px;
	width: 311px;
	height: 137px;
	background: url(images/ete/logo.png);
	position: absolute;
	top: -30px;
	left: -100px;
	z-index: 14;
	-webkit-transform: rotate(0deg);
	-webkit-transition: -webkit-transform .25s ease-in-out;
	-webkit-transform-origin: 110px 40px;
	-moz-transform: rotate(0deg);
	-moz-transition: -moz-transform .25s ease-in-out;
	-moz-transform-origin: 110px 40px;
	transform: rotate(0deg);
	transition: -moz-transform .25s ease-in-out;
	transform-origin: 110px 40px;
}
#header #logo:hover {
	-webkit-transform: rotate(5deg);
	-webkit-transition: -webkit-transform .25s ease-in-out;
	-webkit-transform-origin: 110px 40px;
	-moz-transform: rotate(5deg);
	-moz-transition: -moz-transform .25s ease-in-out;
	-moz-transform-origin: 110px 40px;
	transform: rotate(5deg);
	transition: -moz-transform .25s ease-in-out;
	transform-origin: 110px 40px;
}
#header_bloc_liens{
	font-family: "Arial Narrow",Arial, "MS Trebuchet", sans-serif;
	font-size: 13px;
	color: #fff;
	padding-right: 5px;
	position: absolute;
	top: 0;
	right: 10px;
}
#header_bloc_liens a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#header_bloc_liens img{
	vertical-align: middle;
}
#header_liens{
	margin-right: 15px;
	float: left;
}
#lien_facebook{
	height: 25px;
	float: left;
}
#lien_facebook a{
	background: url(images/fond-lien-facebook.png)  no-repeat top center;
	height: 25px;
	width: 80px;
	display: block;
	text-indent: -9999px;
}
#header .menu{
	float: right;
}
#header .menu ul li {
    list-style: none;
    display: block;
    float: left;
}
#header .menu ul li a {
	display: block;
	padding: 36px 27px 30px 27px !important;
	padding: 34px 27px 30px 27px;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(255,255,255,.2);
	color: #1c3912;
	border-left: 1px solid #73bb45;
	border-right: 1px solid #49801e;
}
#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.hover , #header .menu ul li.current_page_item a {
	background: #2e431e;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	-moz-box-shadow: 0 0 10px #000 inset; -webkit-box-shadow: 0 0 10px #000 inset; box-shadow: 0 0 10px #000 inset;
	border-left-color: #1b2711;
}
#header .menu ul li ul {
	display: none;
	background: url(images/black_80.png);
	position: absolute;
	top: 99px;
	left: 0;
	width: 940px;
	padding: 0;
	height: 215px;
	z-index: 12;
}
/*
#IE6 #header .menu ul li ul {
	top: 77px;
	left: -241px;
	background: #111;
	filter: alpha(opacity = 80);
}
#IE7 #header .menu ul li ul {
	left: -241px;
}
#IE8 #header .menu ul li ul {
	left: -240px;
}
*/
#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: #3b8321;
}
#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 li {
	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: 124px;
	background: url(images/ete/logo_grand_domaine.png) no-repeat;
	position: absolute;
	top: 109px;
	right: 30px;
	z-index: 14;
}

/*******************
contenu
*******************/
#contenu{
	min-height: 450px;
	background: url(images/ete/bg_content.gif) #fff 0 0 repeat-x;
	-moz-box-shadow: 0 10px 10px #000;
	-webkit-box-shadow: 0 10px 10px #000;
	box-shadow: 0 10px 10px #000;
}
#bandeau_texte{
	margin-left:0;
	margin-top:130px;
	padding:20px 10px;
}
#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: #e64717;
	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;
}
#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;
}

/*******************
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
*******************/
#bloc{
	width: 438px;
	padding-top: 43px;
	margin-left: 20px;
	color: #012e71;
	font-size: 12px;
	background-image: url(images/fond-bloc-haut.gif);
	background-position: 0 68px;
	background-repeat: no-repeat;
}
#bloc a{
	color: #012e71;
}
#bloc ul{
	width: 420px;
	display: block;
}
#bloc ul li{
	float: left;
	padding-right: 10px;
}
#bloc ul li a{
	display: block;
	float: left;
	height: 20px;
	padding: 5px 10px 0 10px;
	color: #fff;
	background-color: #012e71;
	text-decoration: none;
}
#bloc ul li.ui-tabs-selected a{
	color: #012e71;
	font-weight: bold;
	border-top: 1px solid #b0c2d7;
	border-left: 1px solid #b0c2d7;
	border-right: 1px solid #b0c2d7;
	background-color: #ebf4f9;
}
#bloc .ui-tabs-nav {
	padding: 0;
}
#bloc ul li#bloc_fleches{
	padding-left: 15px;
}
#bloc ul li#bloc_fleches img{
	margin: 5px 5px;
}
#bloc ul li#bloc_fleches a{
	padding-left: 15px;
}
#bloc ul li#bloc_fleches a{
	line-height: 40px;
	padding: 0;
	border: none;
	background-color: transparent;
}
.bloc_texte{
	margin-bottom: 20px;
	padding-top: 15px;
	border-width: 1px;
	border-left: 1px solid #b0c2d7;
	border-right: 1px solid #b0c2d7;
	border-bottom: 1px solid #b0c2d7;
	clear: both;
}
*html .bloc_texte{
	margin-top: 0;
}
.bloc_texte p{
	padding-bottom: 15px;
	padding-left: 20px;
	background-image: url(images/puce-bloc.gif);
	background-position: 8px 2px;
	background-repeat: no-repeat;
}
#liens_web_2_0{
	padding-top: 60px;
}
.separe_liens{
	height: 41px;
	background-image: url(images/separe-liens.gif);
	background-position: 0 20px;
	background-repeat: no-repeat;
}
#site_bas #concours_photo_alpe{
	width: 260px;
	height: 100px;
	padding: 85px 0 0 20px;
	font-size: 13px;
	background: url(images/ete/bg_concours_photo.gif) no-repeat;
	margin: 20px 0 0 0;
}
#concours_photo_alpe img{
	vertical-align: middle;
	margin-bottom: 10px;
}
#concours_photo_alpe a{
	color: #e64717;
	text-decoration: none;
}

/*******************
footer
*******************/
#footer a{
	color: #fff;
}
#footer a.lien_footer{
	color: #e64717;
}

/*******************
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;
}
.lien_en_savoir_plus{
	margin-top: 3px;
}
.lien_en_savoir_plus a{
	font-size: 11px;
	color: #e64717;
}


.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:#E64717 url(images/fond-charge-forfait-orange2.png) repeat-x;
	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;
}

/*******************
balises generales
*******************/
/*******************
contenu
*******************/
#bandeau_texte{
        width:400px;
}
#bandeau_texte h1{
	color: white;
	background-image: url(images/header-trait-ete.png);
}
#bandeau_texte h2{
	color: white;
}

#bandeau_station ul li{
    
}

#bandeau_station ul li a{
    padding: 6px 7px;
    background-image: none;
    background-color: #eb6a0a;
    border: 1px white solid;
}

#bandeau_station ul li a:hover,#bandeau_station ul li a.bandeau_station_selection{
    background-image: url(images/fond-bandeau-station.png);
    background-color: transparent;	
}


/*******************
bas de page
*******************/
#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 img{
	vertical-align: middle;
	margin-bottom: 10px;
}
#site_bas #concours_photo_alpe a{
	color: #e64717;
	text-decoration: none;
}

#bloc{
	background-image: url(images/fond-bloc-haut-ete.gif);
}

#bloc ul li a{
	background-color: #372719;
}
#bloc ul li.ui-tabs-selected a{
	border-top: 1px solid #bfbdb4;
	border-left: 1px solid #bfbdb4;
	border-right: 1px solid #bfbdb4;
	background-color: #fffcf0;
        color: #372719;
}

.bloc_texte{
	border-left: 1px solid #bfbdb4;
	border-right: 1px solid #bfbdb4;
	border-bottom: 1px solid #bfbdb4;
}


.fond_bleu{
	background-color: white;
	-moz-box-shadow: 0 10px 10px #000;
	-webkit-box-shadow: 0 10px 10px #000;
	box-shadow: 0 6px 4px #000;
}
.fond_degrader_bleu{
	background-image: url(images/fond-degrader-bleu-ete.jpg);
}


.bouton-reserver{
	background: url('images/bouton-reserver-ete.png') no-repeat scroll top left;
}

.separe_liens{
	background-image: url(images/separe-liens-ete.gif);
}