/* Chalets Tremblant */
/* Par David Rousseau, www.davidrousseau.com/ */

/* Reset Meyer */ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: #534f44;
	background: #565040 url("../images/background.jpg") repeat-x top center;
}

#wrapper {
	width: 960px;
	margin:0 auto;
	background: url("../images/wrapper-background.jpg") top center no-repeat;
}

/* ----------------------------------------------
Site wide nav
----------------------------------------------*/ 

ul#sitewide-nav {
	float:right;
	margin:29px;
}

ul#sitewide-nav li {
	display:inline;
}

ul#sitewide-nav li a {
	color:#b4b998;
	text-decoration:none;
	font-size:11px;
}

ul#sitewide-nav li a:hover {
	text-decoration:underline;
}

#sitewide-nav-courriel {
	background: url("../images/sitewide-nav_courriel.png") no-repeat 0 6px;
	padding: 0 20px 0 20px;
}

#sitewide-nav-langue {
	background: url("../images/sitewide-nav_langue.png") no-repeat 0 6px;
	padding: 0 0 0 20px;
}

/* ----------------------------------------------
TOP
----------------------------------------------*/

#logo {
	height:108px;
}

#logo p {
	display:none;
}

#slogan-1 {
	background: url("../images/des-chalets-abordables-tremblant.jpg") no-repeat top right;
	width:445px;
	height:30px;
        float:left;
}

.slogan-1_en {
	background: url("../images/affordable-chalet-downtown-tremblant.jpg") no-repeat top right !Important;}

#slogan-2 {
	background: url("../images/location-residence-long-terme.jpg") no-repeat top right;
	width:739px;
	height:30px;
}

.slogan-2_en {
	background: url("../images/long-term-residence-rental.jpg") no-repeat top right !important;}

#slogan-1 p, #slogan-2 p {
	display:none;
}

/* ----------------------------------------------
Main Nav
----------------------------------------------*/

#menu {
	list-style: none;
	padding: 0;
	margin: 12px 0 0 21px;
	width: 924px;
	height: 30px;
	position: relative;
	background:#555555;
	overflow:hidden;

}

#menu span {
	display: none;
	position: absolute;
}

#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#menu a:hover {
	background-position: left bottom;
}

#menu li.active a {
	background-position: left bottom;
}

#menu a:hover span {
	display: block;
}

#menu .main-nav-accueil {
	width: 125px;
	height: 30px;
	background: url("../images/main-nav-accueil.jpg") no-repeat;
	left: 0px;
	top: 0px;
}

#menu .main-nav-accueil span {
  width: 125px;
  height: 30px;
  background: url("../images/main-nav-accueil.jpg") no-repeat;
  left: 0px;
  top: -30px;
}

#menu .main-nav-chalets {
	width: 151px;
	height: 30px;
	background: url("../images/main-nav-chalets.jpg") no-repeat;
	left: 125px;
	top: 0px;
}

#menu .main-nav-chalets span {
  width: 151px;
  height: 30px;
  background: url("../images/main-nav-chalets.jpg") no-repeat;
  left: 125px;
  top: -30px;
}

#menu .main-nav-offres {
	width: 166px;
	height: 30px;
	background: url("../images/main-nav-offres.jpg") no-repeat;
	left: 276px;
	top: 0px;
}

#menu .main-nav-offres span {
  width: 166px;
  height: 30px;
  background: url("../images/main-nav-offres.jpg") no-repeat;
  left: 276px;
  top: -30px;
}

#menu .main-nav-reservation {
	width: 142px;
	height: 30px;
	background: url("../images/main-nav-reservation.jpg") no-repeat;
	left: 442px;
	top: 0px;
}

#menu .main-nav-reservation span {
  width: 142px;
  height: 30px;
  background: url("../images/main-nav-reservation.jpg") no-repeat;
  left: 442px;
  top: -30px;
}

#menu .main-nav-activites {
	width: 181px;
	height: 30px;
	background: url("../images/main-nav-activites.jpg") no-repeat;
	left: 584px;
	top: 0px;
}

#menu .main-nav-activites span {
  width: 181px;
  height: 30px;
  background: url("../images/main-nav-activites.jpg") no-repeat;
  left: 584px;
  top: -30px;
}

#menu .main-nav-nous-joindre {
	width: 159px;
	height: 30px;
	background: url("../images/main-nav-nous-joindre.jpg") no-repeat;
	left: 765px;
	top: 0px;
}

#menu .main-nav-nous-joindre span {
  width: 159px;
  height: 30px;
  background: url("../images/main-nav-nous-joindre.jpg") no-repeat;
  left: 765px;
  top: -30px;
}


/* ----------------------------------------------
Main Nav EN
----------------------------------------------*/

#menu-en {
	list-style: none;
	padding: 0;
	margin: 12px 0 0 21px;
	width: 924px;
	height: 30px;
	position: relative;
	background:#555555;
	overflow:hidden;

}

#menu-en span {
	display: none;
	position: absolute;
}

#menu-en a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#menu-en a:hover {
	background-position: left bottom;
}

#menu-en li.active a {
	background-position: left bottom;
}

#menu-en a:hover span {
	display: block;
}

#menu-en .main-nav-accueil {
	width: 119px;
	height: 30px;
	background: url("../images/main-nav-accueil-en.jpg") no-repeat;
	left: 0px;
	top: 0px;
}

#menu-en .main-nav-accueil span {
  width: 119px;
  height: 30px;
  background: url("../images/main-nav-accueil-en.jpg") no-repeat;
  left: 0px;
  top: -30px;
}

#menu-en .main-nav-chalets {
	width: 138px;
	height: 30px;
	background: url("../images/main-nav-chalets-en.jpg") no-repeat;
	left: 119px;
	top: 0px;
}

#menu-en .main-nav-chalets span {
  width: 138px;
  height: 30px;
  background: url("../images/main-nav-chalets-en.jpg") no-repeat;
  left: 119px;
  top: -30px;
}

#menu-en .main-nav-offres {
	width: 193px;
	height: 30px;
	background: url("../images/main-nav-offres-en.jpg") no-repeat;
	left: 257px;
	top: 0px;
}

#menu-en .main-nav-offres span {
  width: 193px;
  height: 30px;
  background: url("../images/main-nav-offres-en.jpg") no-repeat;
  left: 257px;
  top: -30px;
}

#menu-en .main-nav-reservation {
	width: 160px;
	height: 30px;
	background: url("../images/main-nav-reservation-en.jpg") no-repeat;
	left: 450px;
	top: 0px;
}

#menu-en .main-nav-reservation span {
  width: 160px;
  height: 30px;
  background: url("../images/main-nav-reservation-en.jpg") no-repeat;
  left: 450px;
  top: -30px;
}

#menu-en .main-nav-activites {
	width: 163px;
	height: 30px;
	background: url("../images/main-nav-activites-en.jpg") no-repeat;
	left: 610px;
	top: 0px;
}

#menu-en .main-nav-activites span {
  width: 163px;
  height: 30px;
  background: url("../images/main-nav-activites-en.jpg") no-repeat;
  left: 610px;
  top: -30px;
}

#menu-en .main-nav-nous-joindre {
	width: 151px;
	height: 30px;
	background: url("../images/main-nav-nous-joindre-en.jpg") no-repeat;
	left: 773px;
	top: 0px;
}

#menu-en .main-nav-nous-joindre span {
  width: 151px;
  height: 30px;
  background: url("../images/main-nav-nous-joindre-en.jpg") no-repeat;
  left: 773px;
  top: -30px;
}

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

#header {
	margin: 2px 0 0 0 ;
}

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

#left {
	width: 713px;
	float:left;
        padding-bottom:20px;
}

#right {
	width: 230px;
	float:right;
}

#content {
	background: url("../images/content-background.jpg") repeat-y;
}

#content-background-top {
	background: url("../images/content-background-top.gif") no-repeat;
	height: 32px;
}

#content-background-bottom {
	background: url("../images/content-background-bottom.gif") no-repeat;
	height: 27px;
	width:912px;
	margin:0 0 0 28px;
	clear:both;
}

#content-background-bottom p, #content-background-bottom a {
	color:#ece8de;
	font-size:12px;
	text-decoration:none;
	font-style:italic;
}

#content-background-bottom p {
	font-weight:bold;
	padding:7px 0 0 20px;
}

#content-background-bottom a {
	text-decoration:underline;
}


#intro {
	background: url("../images/intro-background.jpg") no-repeat;
	width: 702px;
	height: 170px;
	margin:0 0 0 29px;
}

#intro h1 {
	padding:12px 15px 20px 15px;
	font-size: 21px;
}

#intro p {
	padding: 0 25px;
	font-family: arial, sans-serif;
	font-size: 14px;
	letter-spacing:1px;
	line-height:110%;
}

.domaine h2 {
	padding:30px 20px 15px 44px;
	font-size:18px;
	font-family: arial, sans-serif;
	color: #696456;
}

.domaine p {
	padding:0px 238px 15px 54px;
	font-size:12px;
	font-family: arial, sans-serif;
	color: #696456;
}

.domaine .map {
	width:225px;
	height:225px;
	float:right;
        text-align:right;
}

.domaine .map span img {margin:5px 0 0 0; border:1px solid #d8cdb2;}

.domaine .chalet {
	width:432px;
	background: url("../images/chalet-background.gif")repeat-x top center;
	margin: 0 20px 5px 44px;
	height:86px;
	border: #e3d7b7 solid 1px;
}

.domaine .chalet img {
	float:left;
	border: 1px solid #d8cdb2;
	margin: 10px 10px 0 10px;
}

.domaine .chalet h3 {
	padding-top:10px;
        padding-bottom:5px;
}

.domaine .chalet h3 a {
	color:#918158;
	text-decoration:none;
}

.domaine .chalet h3 a:hover {
	text-decoration:underline;
}

.domaine .chalet h3 span {
	font-weight:normal;
}

.domaine .chalet h4 a {
	display:block;
	width:43px;
	height:66px;
	float:right;
	margin:10px 10px 0px 10px;
	background: url("../images/rating-3.gif") no-repeat top left;
	text-indent: -900%;
}

.domaine .chalet h4 a:hover {
	background: url("../images/rating-3-up.gif") no-repeat top left;
}

.domaine .chalet p {
	padding:0;
}

.domaine .large {
	width:667px;
}

.domaine .large h4 a {
	margin-right:10px;
}



/* ----------------------------------------------
Sub-Navigation
----------------------------------------------*/

#sub-nav {
	float:right;
	margin-right:21px;
	margin-bottom:20px;
	background: url("../images/sub-nav-top.jpg") no-repeat top right;
	width:208px;
}

#sub-nav h3 {
	color:#f9f3df;
	font-size:18px;
	margin:15px;
}

#sub-nav ul {
	list-style:none;
	margin: 0 ;
}

#sub-nav li a{
	text-decoration:none;
	color:#534f44;
}

#sub-nav li a:hover {
	text-decoration:underline;
}

#sub-nav ul li ul li a, #sub-nav ul li.active ul li a  {font-weight:normal;}

#sub-nav ul li.active ul li.active a  {font-weight:bold;}

#sub-nav ul li {background: url("../images/../images/sub-nav-li.jpg") no-repeat ; line-height:24px; font-size: 14px;}

#sub-nav ul li ul li {background: url("../images/../images/sub-sub-nav-li.jpg") no-repeat ; line-height:24px; font-size: 14px;}

#sub-nav ul li ul li a {padding:0 0 0 44px;}

#sub-nav ul li a {padding:0 0 0 34px;}

#sub-nav  li.active a {
	font-weight:bold;
}

#sub-nav ul li.active {
	background: url("../images/../images/sub-nav-li-active.jpg") no-repeat ;
}

#sub-nav ul li ul li.active {
	background: url("../images/../images/sub-sub-nav-li.jpg") no-repeat ;
}


/* ----------------------------------------------
Sub-Navigation
----------------------------------------------*/

.pub {
	text-align:right;
	margin: 20px 40px 20px 0;
}



/* ----------------------------------------------
footer
----------------------------------------------*/

#footer-wrapper {
	width: 100%;
	background: url("../images/footer-background.gif") repeat-x top center ;
        overflow:hidden;
}

#footer {
	width:960px;
	margin: 40px auto;
}

#footer h4#court a {
	background: url("../images/location-court-sejour.jpg") no-repeat top left;
	width:308px;
	height:118px;
	text-indent:-900%;
	float:left;
	margin-left:50px;
}

#footer h4 a.court_en {
	background: url("../images/short-stay-rental.jpg") no-repeat top left !Important;}

#footer h4#long a {
	background: url("../images/location-long-terme.jpg") no-repeat top left;
	width:308px;
	height:118px;
	text-indent:-900%;
	float:right;
	margin-right:50px;
}

#footer h4 a.long_en {
	background: url("../images/long-term-rental.jpg") no-repeat top left !Important;}

#footer-logo {
	text-indent:-900%;
	background: url("../images/footer-logo.jpg") no-repeat top left;
	width:178px;
	height:119px;
	float:left;
	margin: 2px 0 0 33px;
}

#credits {
	clear:both;
	margin: 20px auto;
	width: 960px;
	text-align:center;
	color:#7d7767;
	font-size:12px;
}

#credits a {
	color:#7d7767;
	text-decoration:none;
}

#credits a:hover {
	text-decoration:underline;
}


/* http://www.alistapart.com/articles/slidingdoors/ TABS ------------------------------------------- */

#tabs-menu {
    width:672px;
    margin:20px 0 0 45px;
    background: url(/images/undertabs.gif) repeat-x bottom;
	float:left;
line-height:22px;

}


#tabs-menu ul {

    margin:0;
    padding:10px 10px 0;
    list-style:none;
	
}

#tabs-menu li {

    float:left;
    margin:0;
    padding:0;
    background:url(/images/norm_right.gif) no-repeat right top;

}

#tabs-menu a {
	display:block;
	background:url(/images/norm_left.gif) no-repeat left top;
	text-decoration:none;
	color:#918158;
	padding:6px 20px 4px;
	float:left;
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
	#header a {float:none;}
/* End IE5-Mac hack */
}

#tabs-menu a:hover {
	
	text-decoration:underline;

}

#tabs-menu .current {
    background-image:url(/images/norm_right_on.gif);
}

#tabs-menu .current a, #tabs-menu .current a:hover {
    background-image:url(/images/norm_left_on.gif);
	font-weight:bold;
	color:#696456;
	text-decoration:none;
	padding-bottom:5px;

}

#Description, #Reservation, #Images, #Directions, #Tarification {

	background:url(/images/details_back.png) no-repeat top left;
	width:672px;
	margin: 0 0 0 45px;
	min-height:150px;
	clear:left;

}

#Description p, #Reservation p, #Images p, #Directions p, #Tarification p {

	padding: 10px;

}


/* ----------------------------------------------
Details
----------------------------------------------*/

.details-left ul, .details-right ul {margin:5px 0 5px 40px;}
.details-left h2, .details-right h2 {margin:25px 0 10px 15px;}
.details-left {float:left;width:300px;}
.details-right {float:right;width:300px;}

.images_thumb {float:left;}
.images_thumb img {padding:1px;border:1px solid #d8cdb2;margin:11px 0 0 11px;}
.images_thumb a:hover img {background:#fff}
#Images h2 {padding:10px 0 5px 10px;}

#Directions h2 {padding:10px 0 5px 10px;}
#Directions h3 {padding:0px 0 5px 10px;font-weight:normal;}
#google_map {padding:1px; border:1px solid #d8cdb2;margin:10px 0 0px 14px;width:640px; }
#Directions a {color:#696456;font-size:12px;text-decoration:none;}
#Directions a:hover {text-decoration:underline;}
#Directions p {margin:0;padding:5px 0 20px 15px;}

#Reservation h2 {padding:10px 0 5px 10px;}

#Tarification h2 {padding:10px 0 5px 10px;}
#Tarification p {margin:0;padding:5px 0 20px 15px;}

#Tarification table {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #d8cdb2;
	border-collapse: collapse;
	background-color: #f9f2df;
	margin:12px;
}

#Tarification table th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #d8cdb2;
	background-color: #e1d1ac;
	-moz-border-radius: 0px;
}

#Tarification table td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #d8cdb2;
	background-color: #f9f2df;
	-moz-border-radius: 0px;
}



/* ============================= forms ============================= */

#ContactForm {text-align:left !important;  padding:10px 1px 0 30px;}
#ContactForm label {background:url(/images/main-input-bg.gif) left top no-repeat; height:40px; display:inline-block; vertical-align:top;}
#ContactForm .input {width:290px; height:12px; border:none; padding:7px 6px 0 9px; font-size:12px;  vertical-align:top; color:#15221e; background:none; line-height:1.2em;} 
#ContactForm .link {margin:17px 0 0 15px;}
#ContactForm .textarea {background:url(/images/texarea-bg.gif) left top no-repeat;}
textarea {width:532px; height:188px; border:none; background:none; padding:7px 0 0 8px; overflow:auto; font-size:1em;}
.dropdown {margin-bottom:10px;text-align:left;}


/* ============================= Page Content ============================= */

#page_content {margin:10px 0 20px 55px;}
#page_content h3 {font-size:120%;padding:5px 0 5px; 0}
#page_content p {margin:0 0 10px 0;line-height:120%;}
#page_content em {font-style:italic;font-size:80%;}

#page_content ul {margin:10px 0 10px 25px;line-height:120%;}

#page_content a {color: #918158;text-decoration:none;}

#page_content a:hover {text-decoration:underline;}

#carte_details {margin:10px 0 20px 55px;}



/* ============================= Accueil ============================= */

.accueil h2 { padding:30px 20px 15px 44px; font-size:18px; font-family: arial, sans-serif; color: #696456; }

.accueil p { padding:0px 238px 15px 54px; font-size:12px; font-family: arial, sans-serif; color: #696456;  }

.accueil .map {width:225px; height:225px; float:right;  text-align:right; margin:20px 3px 0 0; }

.accueil .map span img {margin:5px 0 0 0; border:1px solid #d8cdb2;}

.accueil ul li a {color: #918158;text-decoration:none; }

.accueil ul li a:hover {text-decoration:underline;}

.accueil ul {margin:0 0 20px 60px;}

.accueil ul li {line-height:175%;}



/* ============================= Formulaire Espace Pub ============================= */

.pub form {text-align:left;margin:0 0 0 17px;}

.pub form input {width:128px; padding-left:5px;}

.pub form input, .pub form textarea .pub form select {
	border: 1px solid #827b67;
	background:  #f9f5ec;
	font-size: 12px;
	color: #6c6657;
height:20px;
}

.pub .bouton {position:relative;top:6px;width:32px;padding-left:0px; height:22px; border:none;}

.pub span a {font-size:10px;font-style:italic;color:#a3987d;margin:5px;display:block;text-decoration:none;}

.pub span a:hover {text-decoration:underline;}