/*
* CSS Stylesheet 
* For Place d'Armes Hotel website
*/



/*============================*/
/*====== LESS VARIABLES ======*/
/*============================*/

@black: #000000;

@bgcolor:#e5e5e5;

@linkcolor:#c1c0ae;

@basecolor:#88c47f;

@secondarycolor:#c1c0ae;

@rollover:#88c47f;

@textcolor:#1a1a1a;

@headercolor:#1a1a1a;

@errorColor: #C90000;

@jaune-caca: #c2c1ae;

@grey: #575757;

@hover: #333333;

@activelink: #59584d;

@featuredColor : #88c47f;

@featuredHover: #59584d;

@gris: #d8d8d8;


@defaultFont: "Times New Roman", Times, Georgia, serif ;
@subFont: Georgia, "Times New Roman", Times, serif ;
@BrandonReg : 'BrandonGrotesqueRegular';
@BrandonBold: 'BrandonGrotesqueBold';
@BrandonRegItalic:'BrandonGrotesqueRegularItalic';
@BrandonMedItalic: 'BrandonGrotesqueMediumItalic';
@BrandonBoldItalic: 'BrandonGrotesqueBoldItalic';
@BrandonBlack: 'BrandonGrotesqueBlack';
@BrandonBlackItalic:'BrandonGrotesqueBlackItalic';

@GillReg : 'GillSansStdRegular';
@GillItalic:'GillSansStdItalic';
@GillBold:'GillSansStdBold';





/*============================*/
/*=========== BODY ===========*/
/*============================*/

.marpad(@size:0) {
	margin:@size;
	padding:@size;
}

.sq(@size:10px) {
	height: @size;
	width: @size;
}

html {
	.marpad;
	.sq(100%);
}

.clear {
	clear:both;
}

.overflow {
	overflow:visible !important;
}

a.capital, span.capital {
	display: inline-block;
}

.capital:first-letter {
	text-transform:capitalize;
}

.upper {
	text-transform: uppercase;
}

.b {
	font-weight: bold;
}

.i {
	font-style: italic;
}

.inline {
	display:inline-block;
}

.box-shadow {
	@box-shadow: 0px 1px 0px #fff;
	-webkit-box-shadow: @box-shadow;
	-moz-box-shadow: @box-shadow;
	box-shadow: @box-shadow;
}

.border-b-shadow {
	border-bottom: 1px solid #D9D9D9;
	padding: 0 0 40px 0;
	.box-shadow;
}

.opacity(@o:0.5) {
	opacity: @o;
	-moz-opacity: @o;
}

.erreur {
	background: @errorColor !important;
	color: #fff !important;
}

.no-outline {
	outline:none;
    border:none;
    -moz-outline:none;
    -webkit-outline:none;
}

.fleft {
	float:left;
}

::selection {
	background: @rollover; /* Safari */
	color: #fff;
}
::-moz-selection {
    background: @rollover; /* Firefox */
    color: #fff;
}


body {
	.marpad;
	.sq(100%);
	
color: @black;
	background-color:@bgcolor;
font-size:12px;
	font-family: @defaultFont;
	letter-spacing: 0px;
position:relative;
}

hr{
border-top: 1px solid #d9d9d9;
border-bottom : 1px solid #fff;
border-left:0px;
border-right:0px;

}


h1, h2, h3, h4, h5, h6, a, ul, ol, li, em, strong, pre, code, form, ul{
padding:0;
margin: 0;
	/*z-index:20;*/
}

p {
	padding:0;
	margin: 10px 0;
}

#header p {
	margin: 0;
}


h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
font-family:@BrandonBold;
text-transform:uppercase;
color:@activelink;
font-weight:normal;
}


p{
font-family:@defaultFont;
font-size:12px;
color:@textcolor;
}

small {
font-size:80%;
line-height:1em;
}

a {
text-decoration:none;
color:#000;
border:none;
padding:0;
	.no-outline;
}

a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration:none;
color: @rollover;
	.no-outline;
}

img, a img {
	border:none;
}

#mailing {
	position:relative;
}

.ntr-fancybox-hover {
	background-color:@rollover;
	z-index:10000;
	cursor: pointer;
}

.room-fancybox-hover {
	.ntr-fancybox-hover;
	background-color: transparent;
	background-image: url(../assets/bg-more-pictures-en.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.press-fancybox-hover {
	.ntr-fancybox-hover;
	background-color: transparent;
	background-image: url(../assets/bg-download.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.hover{
color:@rollover;
}


.wrapper {
width: 960px;
position:relative;
margin: 0 auto;
	overflow: auto; /* makes float element count in the computation of this element's width */ 
}

/*============================*/
/*==========   FR   ==========*/
/* Classes overrides for French language */
/*============================*/
body.fr {
	
	.book-now {
		width:270px;
		
		h3 {
			text-align:right;
			width: 145px;
		}
	}
	
	p.book-now-tagline {
		text-align: right;
		width: 142px;
	}
	
	/*#menu a.home {
		width:40px;
	}*/
	
	#nav ul {
		min-width:180px;
		
		li a {
			font-size:11px;
		}	
	}
	
	#nav li {
		margin-right: 15px;
	}
	#nav li.last {
		margin-right: 0;	
	}
	
	
	#sub-nav #lg {
		padding: 0 0 0 10px;
	}
	
	.featured-box-more-info {
		width: 44px;
		padding-left:28px;
	}
	
	.featured-box-show-map a.map-link{
		width:100px;
	}
	
	.sub-nav-menu ul {
		padding-left:5px;
	}
	
	input#form-submit {
	width:115px;
	}
	
	.affiliated-properties-line {
		width:800px;
	}
	
	#newsletter-email {
	width:240px;
	}
	
	.room-book-now a {
	padding:12px 0px 10px 32px;
	font-size:12px;
	}
	
	
	#room-detail-book-now .best-rates {
	margin-right:45px;
	}
	
	#room-detail-book-now .book-now {
	width:140px;
	}
	
	.room-fancybox-hover {
		background-image: url(../assets/bg-more-pictures-fr.png);
	}
}


/*============================*/
/*========== HEADER ==========*/
/*============================*/

#header{
position:relative;
float:left;
	width:958px; /* 100% causes scrolls on firefox 3 */
padding:10px 0px 8px;
border-bottom:1px solid @black;

}

#logo {
width:192px;
height:100px;
float:left;
padding-top:4px;
padding-left:14px;
}



/*============================*/
/*====== SUB-NAVIGATION ======*/
/*============================*/

#sub-nav {
float:right;
width:728px;
display:block;
margin-top:5px;
}

.sub-nav-menu {
clear:both;
float:left;
display:inline;
margin-top:14px;
	padding:8px 0 0 0;
	width:100%; /* since display is inline */
border-top:1px solid @black;
}

.sub-nav-menu ul {
position:relative;
	padding-left:20px;
float:left;
list-style:none;
}

#sub-nav ul li{
float:left;
font-size:12px;
font-family:@GillItalic;
}

#sub-nav ul li:first-letter{
	text-transform: capitalize;
}

.sub-menu{
margin-top:8px;
}

#sub-nav ul.sub-menu li {
	margin-right:32px;
}

#sub-nav ul.sub-menu li.last {
	margin-right: 0;
}
#sub-nav ul.sub-menu li a.selected {
	color: @rollover;
}

a.increase-font-size {
background:url(../assets/css-increase.png) no-repeat;
display:block;
width:23px;
height:16px;
margin-left:6px;
}

a.increase-font-size:hover{
background:url(../assets/css-increase-active.png) no-repeat;
}

#sub-nav #lg {
	padding: 0 0 0 10px;
	margin-top:4px;
}

#sub-nav ul.social-sub-menu {
float:right;
margin-top:4px;
padding:0px;
}

#sub-nav ul.social-sub-menu li{
margin-right:5px;

	&.last {
		margin-right:0;
	}
	
	#lg {
		width: auto;
	}
}


#sub-nav ul.social-sub-menu li a{
display:block;
height:24px;
width:24px;
}

#sub-nav ul.social-sub-menu li a:hover{
	
}


.header-facebook {
background:transparent url(../assets/icon-header-facebook.png) no-repeat center;
}

.header-twitter {
background:transparent url(../assets/icon-header-twitter.png) no-repeat center;
}

.header-flickr {
background:transparent url(../assets/icon-header-flickr.png) no-repeat center;
}

.header-google {
background:transparent url(../assets/icon-header-google+.png) no-repeat top left;
}

.header-facebook:hover{
background-image: url(../assets/icon-header-facebook-active.png);
}
.header-twitter:hover{
background-image: url(../assets/icon-header-twitter-active.png);
}
.header-flickr:hover{
background-image: url(../assets/icon-header-flickr-active.png);
}
.header-google:hover{
background-position: bottom left;
}


.book-now {
display:block;
width:183px;
float:right;
position:relative;
}


.book-now h3 {
width:65px;
font-size:22px;
line-height:20px;
margin:6px 11px 0px 0px;
float:left;
}

.book-now h3 a {
	color: @linkcolor;
}

.book-now h3 a:hover {
color:@rollover;
}

p.book-now-tagline {
text-transform:uppercase;
font-family:@BrandonBoldItalic;
font-size:10px;
color:#000;
}

p.book-now-contact{
display:block;
font-size:12px;
color:#000; 
font-family:@GillItalic;
	position:absolute;
	right:0;
	top:25px;
}

#book-now-form {
background:#222;
height:82px;
display:none;
	padding:0;
	margin:0;
overflow: hidden;
}

#book-now-form.active {
	overflow: visible;
	
	#book-now-form-wrap {
		overflow:visible; /* makes the select box open visible */
	}
}

#book-now-form-wrap {
	padding:20px 0 0 0;
	position:relative;
	overflow:hidden; 
}



.book-form h5{
width:130px;
coloe:@hover;
font-family:@BrandonMedItalic;
float:left;
margin:8px 0px;
padding-right:40px;
font-size:1.3em;
}

.book-form-box {
background: #fff;
position:relative;
box-shadow:0px -1px 0px #999;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
height:28px;
padding:0px 3px;
margin:8px 19px 8px 0px;
float:left;
}

.book-form-box.erreur {
	box-shadow: 0px -1px 0px @errorColor;	
	
	.book-form-caption {
		color: #fff;
	}
}

.book-form-box.disabled {
	.opacity(0.6);
}

.book-form-caption {
float:left;
font-family:@defaultFont;
font-size:12px;
font-style:italic;
line-height:28px;
height:28px;
min-width:30px;
padding:0px 1px 0px 8px;
color:#9b9a9a;
}


#book-form select{
background:#000;
float:right;
min-width:78px;
border:none;
position:relative;
margin:7px 0px 0px 3px;
-webkit-appearance: menulist;
}




.book-now input {
border:none;
float:left;
background:none;
font-weight:bold;
font-family:@defaultFont;
}




.newsletter-form-box input:focus {
outline:none;
}

input#book-form-submit{
	background: transparent url(/style/assets/submit-button.png) no-repeat right;
	height: 38px;
	display:block;
	float:right;
	margin:5px 0 0 0;
	padding: 0 44px 0 20px;
	border:none;
	font-size:16px;
	text-transform:uppercase;
	font-family:@BrandonBoldItalic;
	color:#FFFFFF;
	cursor:pointer;
}

input#book-form-submit:hover{
color:@linkcolor;
	opacity:0.95;
}


/*============================*/
/*========= CALENDAR =========*/
/*============================*/


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: @rollover;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}


/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

a.dp-choose-date {
	float: left;
	width: 25px;
	height: 25px;
	margin:1px 3px 0px 3px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../assets/select-calendar.png) no-repeat left center; 
	border:none;
}

a.dp-choose-date:hover {
	background: url(../assets/select-calendar.png) no-repeat right center; 

}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 135px;
	background:none;
	border:none;
	height:28px;
	line-height:28px;
	float: left;
	font-weight:bold;
	font-family:@defaultFont;
	font-size:11px;
	color: #575757;
	padding:0px;
	margin-left:7px;
}

input.dp-applied:focus {
outline: none; 
}

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	margin-top:28px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td { 
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


/*============================*/
/*====== BOOK NOW OPTIONS =====*/
/*============================*/


/* Select Options Menu*/
.sbHolder{
	background-color:transparent;
	border: none;
	font-family: @defaultFont;
	font-size: 11px;
	height: 28px;
	position: relative;
	min-width:83px;
	float:right;
}

.sbSelector{
	display: block;
	height: 26px;
	left: 0;
	line-height: 26px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 1px;
	font-weight: bold;
	width: 78px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #575757;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(../assets/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 28px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(../assets/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../assets/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../assets/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	/*background-color: #3C3C3C;
	border: solid 1px #515151;*/
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	background:#fff;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 85px;
	z-index: 1000;
	overflow-y: none;
}
.sbOptions li{
	padding: 0px;
}
.sbOptions a{
	display: block;
	outline: none;
	font-size:11px;
	padding: 3px 0px 3px 10px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #575757;
	text-decoration: none;
}
.sbOptions a:hover{
	background:#000;
	color: #fffefe;
}
.sbOptions li.last a{
	border-bottom: none;
}

/*============================*/
/*=========== MENU ===========*/
/*============================*/



#menu {
clear:both;
margin:0 auto;
height:45px;
font-family:@BrandonBold;
}


.default {
width:960px;
}

.fixed {
position: fixed;
width:100%;
margin:0 auto;
top:-1px;
background:@bgcolor;
z-index:9999999;
}


#menu a.home {
background:transparent url('../assets/button-home.png') no-repeat center;
height:45px;
	width:30px; /* 50px is too big for ie 9, 45px is too big for the ipad */
float:left;
text-align:center;
}

#menu a.home:hover, #menu a.home.selected{
	background-image: url('../assets/button-home-active.png');
}




#nav {
margin:0 8px 0px 0px;
float:right;
padding:0; 
list-style:none;
line-height:45px;
overflow:visible;
}   


	

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
float:left; 
display:block; 
position:relative;
z-index:500; 
margin-right:25px;
height:45px;
padding-top:1px;
}

#nav li.last {
margin-right:0px;
}

/* this is the parent menu */
#nav li a {
display:block; 
font-size:14px;
text-transform:uppercase;
font-family:@BrandonBold;
height:45px;
text-decoration:none; 
}

#nav li a:hover {
color:@rollover;
}

/* you can make a different style for default selected value */
#nav a.selected {
color:@rollover;
}

/* submenu, it's hidden by default */
#nav ul {
position:absolute; 
left:0; 
display:none; 
margin:0 0 0 -1px; 
list-style:none;
background:#000;
left:-20px;
padding:20px 20px 0px 20px;
min-width:170px;
}

#nav ul li {
width:100%;
overflow:visible;
line-height:15px;
height:35px;
}

/* display block will make the link fill the whole area of LI */
#nav ul li a {
display:block;
font-family:@BrandonBlack;
font-size:11px;
line-height:11px;
color:#fff;
}

/*============================*/
/*========= SLIDESHOW ========*/
/*============================*/



#slideshow {
width:1200px;
height:480px;
overflow:hidden;
margin: 0 auto;
position:relative;
}

body.res-w1200 #slideshow {
	width: 960px;
}

#slides {
position:relative;	
width:1200px;
height:480px;
}

body.res-w1200 #slides,
body.res-w1200 #room-images {
	margin-left: -120px;
}

#captions {
position:absolute;
top:120px;
left:120px;
background:#fff;
width:309px;
height:241px;
z-index:100;
overflow:hidden;
}

body.res-w1200 #captions {
	left: 0;
}


#slideshow .slider {
width:1200px;
height:480px;
}

.more-button a{
background:#fff url('../assets/read-more-button.png') no-repeat 6px 6px; 
height:30px;
	width:0px;
position:absolute;
bottom:0;
right:0;
	color:@basecolor;
	z-index:@promo-z-index;
	
text-transform:uppercase;
color:@linkcolor;
font-family:@BrandonBlack;
line-height:14px;
display:block;

	padding:3px 0 0 33px;
	overflow: hidden;
}

.more-button a:hover{
background-image:url('../assets/read-more-button-active.png');  
color:@rollover;
}

#slides.slider img {
position:absolute;
width:1200px;
height:480px;

}

#slides .slider a {
border:0;
display:block;
}


#captions .caption {
padding:19px 57px 0px 11px;
width:100%;
height:100%;
}

#captions .category {
font-family:@BrandonBlack;
font-size:12px;
text-transform:uppercase;
border-top:1px #000 solid;
border-bottom:1px #000 solid;
padding-top:2px;
}

#captions .caption h3 {
font-size:28px;
width:244px;
font-family:@BrandonBold;
line-height:32px;
text-transform:uppercase;
margin:12px 0px;
color:@black;
}

#captions .caption p {
font-family:@subFont;
width:244px;
margin-bottom:3px;
font-size:13px;
height:50px;
overflow:hidden;
}

#slider-nav {
position:absolute;
bottom:140px;
z-index:400;
left:140px;
}

#slider-nav a{
float:left;
background: transparent url('../assets/slider-buttons.png') no-repeat right;
height:8px;
width:8px;
text-indent:100000px;
margin-right:1px;

}

#slider-nav a.activeSlide {
background: transparent url('../assets/slider-buttons.png') no-repeat left;
height:8px;
width:8px;
}
#slider-nav  a:focus { 
outline: none; 
}

/*============================*/
/*======== BREADCRUMBS =======*/
/*============================*/

#breadcrumbs {
	clear: both;
	position: relative;
	margin: 5px auto 0px;
	width: 960px;
	height: 20px;
	font-style: italic;
	color:@textcolor;

	p{
		font-family:'Arial',sans-serif;
		font-size:10px;
		color:@grey;
	}
	
	a {
		display: inline-block; /* makes .capital works */
	}
}

#breadcrumbs a {
	text-decoration:underline;
}


#breadcrumbs .active {
text-decoration:none;
font-weight: bold;
}

.breadcrumbs-arrow {
background: transparent url('../assets/breadcrumbs-arrow.png') no-repeat center;
width:3px;
height:6px;
margin:0px 7px;
}


/*============================*/
/*== HOMEPAGE - LATEST NEWS ==*/
/*============================*/


#latest-news {
float:left;
width:315px;
height:470px;
margin-right:22px;
z-index:20 !important; /* Make sure it is visible under the slides */
 
 	
 	.news-container {
	width:100%;
	height:100%;
	z-index:20; /* Make sure it is visible under the slides */
	display:none;
	}
	
	.news-date {

	font-size: 11px;
	margin-top: 8px;
	height: 5px;
	color:@activelink
	}
	
	h4 {
	font-size:22px;
	line-height:30px;
	text-transform:uppercase;
	margin:12px 0px 70px 0px;
	width:90%;
	height:60px;
	overflow:hidden;
		a{
		font-family:@BrandonBold;
		}
	}
 
	.category {
		font-family:@BrandonBlack;
		font-size:12px;
		text-transform:uppercase;
		border-top:1px #000 solid;
		border-bottom:1px #000 solid;
		margin: 10px 0 0 0;
		display: inline-block;
	}
}

.news-navigation {
	position:absolute;
	top:130px;
	left:1px;
	margin:0;
	float:left;
	z-index:100; /* Make sure it is visible under the slides */
	
		.prev{
		background: transparent url(../assets/prev-next-arrows.png) no-repeat left;
		width:36px;
		height:38px;
		margin-right:2px;
		float:left;
		z-index:20; /* Make sure it is visible under the slides */
		}
		
		.next{
		background: transparent url(../assets/prev-next-arrows.png) no-repeat right;
		width:36px;
		height:38px;
		float:left;
		z-index:20; /* Make sure it is visible under the slides */
		}
		
		.prev:hover{
			background-image: url(../assets/prev-next-arrows-active.png);
			}
		
		.next:hover{
			background-image: url(../assets/prev-next-arrows-active.png);
			}

	}

.news-content {
clear:both;
margin-bottom:17px;

}

.news-content p {
font-family:@subFont;
font-size:16px;
color: @activelink;
margin-right:5px;
line-height:21px;
font-style:normal;
}

.news-more {
text-transform:uppercase;
font-family:@BrandonBold;
}

a.read-more, a.share-this {
display:block;
float:left;
line-height:26px;
padding-left:25px;
color:@linkcolor;
margin-right:12px;
font-family:@BrandonBlack;
font-size:12px;
text-transform:uppercase;
}


a.read-more {
background: transparent url('../assets/read-more-button.png') no-repeat top left;
}

a.share-this {
background: transparent url('../assets/share-this-button.png') no-repeat top left ;
}

a.read-more:hover{
background: transparent url('../assets/read-more-button-active.png') no-repeat top left;
}

a.share-this:hover {
background: transparent url('../assets/share-this-button-active.png') no-repeat top left;
}

a.read-more:hover, a.share-this:hover{
color:@rollover;
}





/*============================*/
/*== HOMEPAGE - PROMO BOXES ==*/
/*============================*/

#page-home #promo-section {
	float:left;
	width:622px;
}

#promo-section {
	margin:0px 0px 40px 0px;
	position:relative;
	z-index:20;
	overflow:auto;

	#home-all-promo-link {
		clear: both;
		display: block;
		float: left;
		background-image: url('/style/assets/room-book-now-3.png');
		height: 38px;
		width: 620px;
		text-align: center;
		text-transform: uppercase;
		color: white;
		padding-top: 18px;
		font-family: 'BrandonGrotesqueBold';
		font-size: 14px;
		
		&:hover {
			background-position: 0px -57px; 
		}
	}
	
	&.promo-home {
		margin:0px 0px 10px 0px;
	}

}


a.promo  {
width:300px;
	min-height: 450px; /* prevents scrolling overflow and permits longer content */
float:left;
position:relative;
margin:0px 22px 20px 0px;
}

.last,
a.promo.last {
margin-right:0px;
}

@promo-z-index: 10001;

.promo-image {
width:300px;
height:317px;
z-index:20;
}

.promo-image img {
z-index:20;
}

.promo-cat {
position:absolute;
top:290px;
background:@bgcolor;
z-index:@promo-z-index;
display:block;
padding:6px 10px 6px 5px;
}

.promo-cat h5 {
text-transform:uppercase;
font-size:14px;
font-family:@BrandonBoldItalic;
text-align:center;
vertical-align:middle;
}

.promo-text {
width:222px;
height: 64px;
	padding:9px 13px 0px 5px; /* adjust for fancy hover */
z-index:@promo-z-index;
background-color:@bgcolor;
position:absolute;
}
	
.promo-text h4, .promo-text h4 a{
font-family:@BrandonBold;
text-transform:uppercase;
font-size:24px;
padding:0;
margin:0;
line-height:26px
}

a:hover .promo-text h4 {
text-decoration:none;
color: @rollover;
}

.promo-tagline {

}

.promo-tagline p {
	font-family:@subFont;
	color: @activelink;
	font-size: 14px;
	margin: 0px;
	padding-top: 4px;
}

.promo-price {

	display:block;
	margin: 0 auto 0 0;
	text-align:left;
	font-family:@defaultFont;
	z-index:@promo-z-index;
	background-color:@bgcolor;
	position:absolute;
	right:0;
	
}

.promo-price p{
line-height:23px;
font-size:10px;
color:@activelink;
}

.tag {
display:block;
}

.amount {
font-size:36px;
}

.superscript {
font-size:12px;
line-height:1px;
vertical-align:top;
}


#promo-detail {
	.clear;
	.border-b-shadow;
	
	.tab-tagline {
		
		.album-gallery-title;
		
		float:none;
		
		h2 {
			margin: 0;
		}
	}
}

#promo-list {
	.clear;
	.border-b-shadow;
	
	.tab-tagline {
		
		.album-gallery-title;
		
		float:none;
		
		h2 {
			margin: 0;
		}
	}
}

.special-offers-book-now {
background: transparent url(../assets/room-book-now.png) no-repeat top center;
height:57px;
width:120px;
text-align:middle;
margin: 20px auto;
}



.special-offers-book-now a{
width:20px;
display:block;
line-height:14px;
color:#fff;
font-family:@BrandonBold;
font-size:14px;
text-transform:uppercase;
padding:14px 0px 10px 36px;
}

.special-offers-book-now:hover {
background: transparent url(../assets/room-book-now.png) no-repeat;
background-position:0px -57px;
}


/*============================*/
/*====== FEATURED BOXES ======*/
/*============================*/

#featured-boxes {
z-index:20;
padding:25px 0px 25px 10px;
border-bottom:1px solid #d9d9d9;
border-top:1px solid #d9d9d9;
margin:25px 0px 51px 0px;
	overflow:auto; /* no need here since it is already set in the wrapper  
	/*min-height: 177px;*/
	
}

#featured-boxes a{
display:block;
height:100%;
}

a.featured-box  {
position:relative;
float:left;
	width:220px;
	/*min-height: 177px;*/
	height: 100%;
margin-right:18px;
	
}

div.featured-box {
position:relative;
width:220px;
	/*margin-right:18px; no need, on a only */
}

.featured-box.last {
	margin-right:0px;
}

.featured-box-image {
height:140px;
width:220px;
z-index:20;
}

.featured-cat {
position:absolute;
top:110px;
	background-color:@bgcolor;
	z-index:@promo-z-index;
display:block;
padding:6px 10px 6px 5px;
}

.featured-cat h5,.featured-cat h5 a:hover, /* MAKES ALL h5 the same */
h5, h5 a:hover {
	text-transform:uppercase;
	font-family:@BrandonBoldItalic;
	font-size:14px;
}

.featured-box-tagline {
	position:relative; /* really important, makes the text on top of the fancyhover */
		/* n'est pas une bonne façon de mettre le tout sur un ligne */
	background-color: @bgcolor;
	z-index:@promo-z-index;
	width:137px;
	min-height:28px;
	/*float:left; no float when in absolute*/
	padding:0px 78px 0 5px;
	
	p {
		width: 137px;
		font-style: normal;
		color:@activelink;
	}
}

.featured-tagline {
font-size:12px;
margin-right:5px;
display:block;
color:@activelink;
background-color: @bgcolor;
	padding-top: 10px;
	p {
		margin: 0;
	}
}

.featured-box-more-info {
	position:absolute;
	right: 0;
	top: 140px;
	color:@basecolor;
	z-index:@promo-z-index;
	background: @bgcolor url('../assets/read-more-button.png') no-repeat 0 11px; /* color, image, repreat, x, y */

text-transform:uppercase;
color:@linkcolor;
font-family:@BrandonBlack;
line-height:14px;
display:block;
width:36px;
	height:28px;
	padding:9px 0 0 28px;
	/*margin-top:6px;*/
}

a:hover .featured-box-more-info {
    color:@rollover;
	background: @bgcolor url('../assets/read-more-button-active.png') no-repeat 0 11px;
}

.featured-box-more-button {
	background: #fff url('../assets/read-more-button.png') no-repeat 6px 6px; 
height:30px;
	width:0;
	padding: 3px 0 0 33px;
display:block;
position:absolute;
top:0;
right:0;
	z-index:@promo-z-index;
	overflow: hidden;
	font-family: @BrandonBlack;
	line-height: 14px;
	color: @rollover;
	text-transform: uppercase;
}

a:hover .featured-box-more-button,
.featured-box-more-button:hover {
	background-image: url('../assets/read-more-button-active.png'); 
}



/*============================*/
/*======= SOCIAL LINKS =======*/
/*============================*/

.social-links-container {
position:relative;
margin:0 auto;
	min-height: 22px;
}

.social-links-box {
	display:inline-block;
}

.social-links-title {
	width:385px;
	display:inline-block;
}

.social-links-title-comment {
	width:285px;
	display:inline-block;
}

.social-links-title h5,
.social-links-title-comment h5 {
font-family:@BrandonBoldItalic;
text-transform:uppercase;
background:transparent url(../assets/arrow-down.png) no-repeat right;
padding-right:13px;
color:#6c6b64;	
font-size:14px;
	width:auto;
	display:inline-block;
}

.social-links-facebook-twitter {
	width: auto;
	display:inline-block;
	height: 20px;
}

#social-icons{
position:relative;
clear:both;
float:left;
background:#6c6b64;
height:44px;
width:100%;
}

.social-icons-wrapper{
position:relative;
width:960px;
height:44px;
margin:0 auto;
line-height:44px;
}


#social-icons a {
color:@bgcolor;	
}

.social-links-follow-icons {
position:relative;
margin:0 auto;
width:385px;
float:left;
}

.social-links-comment-icons {
position:relative;
margin:0;
float:left;
line-height:44px;
}

#social-icons a {
color:@bgcolor;
font-size:12px;
padding-left:28px;
margin-right:17px;
line-height:44px;
padding:10px 0px 10px 28px;
}

#social-icons a:hover{
opacity:0.7;
}

a.facebook {
background: transparent url(../assets/icon-facebook.png) no-repeat left;
}

a.twitter {
background: transparent url(../assets/icon-twitter.png) no-repeat left;
}

a.trip-advisor {
background:transparent url(../assets/icon-trip-advisor.png) no-repeat left;
}

a.restorant-montreal {
background: transparent url(../assets/icon-restorant-montreal.png) no-repeat left;
}

a.urbanspoon {
background: transparent url(../assets/icon-urbanspoon.png) no-repeat left;
}
a.gowalla {
background: transparent url(../assets/icon-gowalla.png) no-repeat left;
}

a.yelp {
background:transparent url(../assets/icon-yelp.png) no-repeat left;
}
a.blog {
background: transparent url(../assets/icon-blog.png) no-repeat left;
}

a.four-square {
background: transparent url(../assets/icon-foursquare.png) no-repeat left;
}

a.google-place {
background: transparent url(../assets/icon-google+.png) no-repeat left;
}

a.google-plus {
background: transparent url(../assets/icon-google+.png) no-repeat left;
}


/*============================*/
/*=========== FOOTER =========*/
/*============================*/

#footer {
clear:both;
height:580px;
background:#cdccc6;
margin:0 auto;
padding:30px 0px;

	#copyrights {
		background-color: #000;
		position: relative;
		
		font-size: 11px;
		color: #fff;
		
		div.wrapper {
			padding: 15px 0;
			min-height: 55px;
			
			#copy-288 {
				position: absolute;
				right: 0;
				top: 0;
			}
		}
		
		
	}
}


.newsletter-form {
padding:10px;
position:relative;
display:block;
height:48px;
}

.normal{
background:#d7d6d2;
}

#newsletter.focus{
	background:@rollover;
}

#newsletter.erreur {
	height:68px;
	background-color: @errorColor;
	
	p.error {
		color: #fff !important;
		clear:both;
		margin: 0 0 0 150px;
		font-size: 13px;
	}
}

.newsletter-form h5{
display:block;
height:48px;
padding-top:6px;
width:120px;
font-family:@BrandonBoldItalic;
float:left;
padding-right:30px;
font-size:14px;
}

.newsletter-form-box {
background: @bgcolor;
position:relative;
box-shadow:0px -1px 0px #BEBEBE;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
height:31px;
width:301px;
margin:8px 19px 8px 0px;
float:left;
}

.newsletter-caption {
float:left;
font-family:@defaultFont;
font-weight:bold;
font-size:12px;
color:#000;
font-style:italic;
line-height:31px;
padding:0px 1px 0px 8px;
}

.newsletter-form-box input {
border:none;
float:left;
background:none;
height:29px;
line-height:29px;
overflow:hidden;
font-style:italic;
}


#newsletter-name{
	width:225px;
}

#newsletter-email {
width:250px;
}

.newsletter-form-box input:focus {
outline:none;
}

input#form-submit{
background: transparent url(../assets/submit-button.png) no-repeat right;
height:38px;
float:right;
margin:5px 15px;
width:115px;
border:none;
font-size:14px;
padding-right:45px;
text-transform:uppercase;
font-family:@BrandonBold;
cursor:pointer;
}

input#form-submit:hover{
opacity:0.6;
}

#affiliated-properties {
position:relative;
margin-top:37px;
display:block;
overflow: auto;
}

#affiliated-properties h5, #sitemap h5{
position:relative;
font-size:14px;
float:left;
font-family:@BrandonBoldItalic;
z-index:100;
background: transparent url(../assets/arrow-down.png) no-repeat right;
padding:0px 11px 0px 0px;
}

.affiliated-properties-line, .sitemap-line {
position:relative;
float:right;
border-top:1px solid @hover;
height:1px;
line-height:15px;
margin:8px 0px 0px 8px;
}


.affiliated-properties-line {
width:790px;	
}

.sitemap-line {
	width:900px;	
}

.affiliated-images {
clear:both;
position:relative;
float:left;
margin:24px 0px 12px 0px;
}

.affiliated-images ul {
position:relative;
display:inline;
list-style:none;
}

.affiliated-images ul li {
float:left;
margin-right:38px;
opacity:1

}

.affiliated-images ul li.last {
margin-right:0px;	
}

.affiliated-images ul li a {
opacity:1;
}

.affiliated-images ul li a:hover {
opacity:0.7;
}
	


#sitemap {
position:relative;
float:left;
display:block;
}


.sitemap-column {
float:left;
width:100%;
margin:30px 64px 0px 0px;

}

.sitemap-column ul {
list-style:none;
width:100%;
float:left;
}

.sitemap-column ul li  {
margin-bottom:13px;
float:left;
width:240px;
font-size:11px;
}


.sitemap-column ul li a {
font-style:normal;
}



#footer-menu {
clear:both;
position:relative;
float:left;
width:100%;
margin:30px 0px;
color:#6c6b64;
font-size:12px;

}

#footer-menu a {
text-decoration:underline;
}

#footer-menu .footer-menu-items {
position:relative;
border-top:1px solid @hover;
border-bottom:1px solid @hover;
padding:10px 0px;
height:18px;
}

#footer-menu .footer-menu-items ul {
list-style:none;
display:inline;
}

#footer-menu .footer-menu-items ul li {
float:left;
border-right:1px solid @hover;
padding:3px 20px;
}

#footer-menu .footer-menu-items ul li.last {
border:none;
padding-right:0px;
}

#footer-menu .footer-contact-info {
float:right;
}

#footer-menu .footer-contact-info ul li {
float:left;
}

#footer-menu .footer-contact-info .last-item {
margin-right:0;
border:none;
}


#footer-menu span {
color:#000;
}

#map {
position:relative;
background:#000;
min-height:500px;
margin-top:6px;
clear:both;
padding-bottom:20px;
}

#map .map-container {
width:960px;
margin:0 auto;
position:relative;
}

#map .map-container h5{
color:#fff;
background:#000;
height:37px;line-height:37px;
text-align:center;
font-size:18px;
font-weight:bold;
text-transform:none;
font-family:Arial, Helvetica, sans-serif;
}

#map-image {
	width:960px;
	height:490px;
	position:relative;
	margin:0 auto;
	background: #ffffff url(../assets/loading.gif) no-repeat center center;

	cursor:pointer hand;
	overflow:hidden;
	
	img {
		width:960px;
		height:490px;
		z-index:100;
		/*border:3px solid #000 ;*/
	}
		
	img:hover{
		cursor:pointer;
		/*border:3px solid @basecolor*/
	}
	
}




#map-iframe {
position:absolute;
background:#f2f2f2;
top:0;
left:0;
width:960px;
height:488px;
overflow:hidden;
border:none;
z-index:1000;
}

/*============================*/
/*=== EXPLORE PAGE - TABS ====*/
/*============================*/


.fade { 
margin-bottom:30px;
}

.single-content {
	margin: 0 0 80px 0;
	overflow:auto;
}

.single-content-two-third {
	.single-content;
	width: 600px;
	
	.tab-one-third {
		width: 270px;
	}
	
	.tab-one-third.last {
		margin-right: 0;
		float:left;
	}
}

.single-content-top {
	margin: 0 0 40px 0;
	overflow:auto;
}


.fade .tabs { 
height:55px;
}

.fade ul.tabs {
list-style:none;
width:958px; /* super Yvan !!! */
display:block;
margin-left:2px;
background:#dededa;
margin-top:10px;
}

.fade ul.tabs li {
float:left;
display:inline-block;
position:relative;
text-align:center;
min-width:90px;
line-height:55px;
padding:0px 10px 0px 0px;
}


.fade .tabs li a {
font-family:@BrandonBlackItalic;
color:@activelink;
text-transform:uppercase;
font-size:13px;
padding:0px 12px 0px 12px;
display:inline-block;
vertical-align:bottom;
}

.fade .tabs li .selected { 
background:@bgcolor;
display:block;
overflow:visible !important;
box-shadow:2px 0px 0px #DCDCDC, -2px 0px 0px #DCDCDC, 0px -2px 1px #dedede;
height:55px;
margin-top:-5px;
padding-top:5px;
}


.fade .items { 
clear:both;
position:relative; 

}

.fade .item { 
top:0;
left:0;
width:100%;
	display:none;
}


.content-tab {
position:relative;
float:left;
width:960px;

}

.content-tab ul {
	display:block;
	margin: 10px;
	padding: 0 0 0 10px;
	list-style: disc;
}


.tab-tagline {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #D9D9D9;
	-webkit-box-shadow: 0px 1px 0px white;
	-moz-box-shadow: 0px 1px 0px white;
	box-shadow: 0px 1px 0px white;
	margin: 5px 0px 15px 0px;
	position: relative;
	height: 50px;
	line-height: 50px;
}

.tab-tagline h2{
	font-family:@defaultFont;
	font-weight:bold;
	font-style:italic;
	font-size:30px;
	color:@activelink;
	text-transform:none;
	margin-left: 10px;
	float:left;
}

.tab-tagline h3{
	font-size:18px;
	color:#8a897a;
	line-height:60px;
	font-family:@defaultFont;
	font-style:italic;
	text-transform:capitalize;
	float:left;
}

.tab-one-third {
float:left;
width:300px;
margin-right:20px;
}

.tab-one-third.last {
float:right;
margin-right:7px;
}

.first-column,
.first-column-pad {
	margin-left:10px; /*13,  5px*/
}


.first-column p {
font-family:@defaultFont;
color:@activelink;
font-size:18px;
line-height:22px;
font-style:italic;
margin:0px 0px 14px;
}

.second-column p {
font-family:@defaultFont;
color:@activelink;
font-size:14px;
margin:0 0 14px;
}

.tab-two-third {
float:left;	
width:620px;
margin-right:20px;

	ul	{
		font-family:@defaultFont;
		color:@activelink;
		list-style-type: disc;
		font-size:15px;
		font-style:italic;
	}
	
	h2, h3, h4, h5{
		color:@activelink;
	}
	
	h2{
		width:100%;
		border-bottom:solid 1px @jaune-caca;		
		padding:5px 0;
		margin:40px 0 15px;
		font-family: "Times New Roman", Times, Georgia, serif;		
		font-weight: bold;
		font-style: italic;
		font-size: 20px;
		text-transform: lowercase;	
	}
	
	h2:first-letter{
		text-transform: capitalize;
	}
	
	a{
		color:#908f81;
	}
}

.tab-full-width {
float:left;
width:100%;
}

.content-tab .promo {
	margin-right:0px;
}

#featured-boxes-neighbourhood {
	margin:0px 0px 0px 0px;
}

.featured-box-neighbourhood {
width:300px;
	height: auto;
float:left;
	margin:16px 10px 55px 0px;
position:relative;
	a {
		display:block;
	}
}
	
.featured-box-neighbourhood.last {
	margin-right:0px;
}

.featured-box-neighbourhood .featured-box-image,
.featured-box-neighbourhood .featured-box-image img{
width:300px;
height:123px;
z-index:9;
}

.featured-box-neighbourhood .featured-cat {
top:92px;
}

.featured-box-neighbourhood .featured-box-tagline {
	width:295px;
	padding:10px 0 12px 5px;
}

.featured-box-neighbourhood .featured-tagline {
font-size:14px;	
line-height:14px;
margin-right:0px;
}

.tab-two-third.last {
margin-right:7px;
}

.featured-box-neighbourhood .featured-map-tagline {
	font-size:14px;
	line-height:17px;
}

.featured-box-neighbourhood .featured-box-show-map {
clear:both;
position:relative;
width:100%;
}

.featured-box-neighbourhood .featured-box-show-map a.map-link {
background: transparent url('../assets/featured-box-show-map-button.png') no-repeat top left;
text-transform:uppercase;
color:@jaune-caca;
font-family:@BrandonBold;
display:block;
height:35px;
width:75px;
font-size:14px;
line-height:14px;
padding-left:32px;
	z-index:@promo-z-index;
	position:absolute;
}

.featured-box-neighbourhood .featured-box-show-map a.map-link:hover {
color:@rollover;
background: transparent url('../assets/featured-box-show-map-button.png') no-repeat bottom left;
}


/*============================*/
/*=== STAY PAGE - ROOM LIST ==*/
/*============================*/

#rooms {
position:relative;
float:left;
width:960px;
margin:60px 0px 17px 0px;
}

.room {
position:relative;
float:left;
margin-bottom:80px;
}

.room-image {
position:relative;
float:left;
width:467px;
height:280px;
margin-right:16px;
}

.room-detail {
position:relative;
float:left;
width:477px;
}

.room-title{
position:relative;
float:left;
width:300px;
coloe:#2c2c2c;
}

.room-title .room-type  {
text-transform:uppercase;
font-family:@BrandonBlackItalic;
font-size:14px;
line-height:14px;
}

.room-title h2 {
text-transform:uppercase;
font-family:@BrandonBoldItalic;
font-size:24px;
line-height:22px;


	a:{
		color:@black !important;
	}

}


.room-price {
float:right;
}

.room-price-verb {
	display:block;
	font-size: 10px;
	line-height:10px;
}
.room-price-amount {
font-size:30px;
line-height:40px;

}

.room-price-dollars{
font-size:12px;
margin-left:3px;
font-style:italic;
vertical-align:top;
line-height:25px;
}

.room-description {
float:left;
position:relative;	
}

.room-description p{
font-family:@subFont;
margin:12px 0px 14px;
color:@textcolor;
font-size:14px;

}


.room-options {
position:relative;
float:left;
width:474px;
border-top:2px solid #dddddd;
border-bottom:2px solid #dddddd;
padding:6px 0px 6px 3px;
margin-bottom:6px;
color:@textcolor;

}

.room-options ul {
list-style:none;
width:100%;
}

.room-options ul li{
color:@black;
float:left;
display:inline;
width:130px;
height:50px;
margin:3px 20px 3px 0px;
text-transform:uppercase;
font-family:@BrandonBlack;
font-size:9px;
line-height:9px;
display:table;
}


.room-options ul li span {
display:table-cell;
vertical-align:middle;
width:90px;
padding-left:5px;
}





.room-more-info{
position:relative;

}

.room-share-links {
float:left;
margin:11px 0 11px 0;
}



.room-book-now {
float:right;
background: transparent url(../assets/room-book-now-2.png) no-repeat top center;
height:57px;
width:145px;
text-align:middle;
}



.room-book-now a{
width:82px;
display:block;
line-height:14px;
color:#fff;
font-family:@BrandonBold;
font-size:14px;
text-transform:uppercase;
padding:12px 0px 10px 36px;
}

.room-book-now:hover {
background: transparent url(../assets/room-book-now-2.png) no-repeat;
background-position:0px -57px;
}



/*============================*/
/*= STAY PAGE - ROOM DETAIL ==*/
/*============================*/


#slider-thumb {
	height:72px;
	width:960px;
	position: absolute;
	top:400px;
	left: 120px;
	z-index: @promo-z-index;
}

body.res-w1200 #slider-thumb {
	left: 0;
}

#slider-thumb li {
list-style:none;
display:inline;
padding:0;
margin:0 auto;
}

#slider-thumb li img {
margin:1px;
padding:0;
border:4px solid @bgcolor;
}

#slider-thumb a {
margin:0;
padding:0;
}

#slider-thumb li:hover img,
#slider-thumb li.activeSlide img {
border:4px solid @rollover;
}


#room-detail {
position:relative;
clear:both;
margin:0 0 40px;
overflow:hidden;
}


.room-detail-title {
float:left;
margin-top:9px;
}

#room-detail span.room-category {
font-size:14px;
font-family:@BrandonBoldItalic;
text-transform:uppercase;
padding:0;
}

#room-detail span.room-price-dollars{
font-size:15px;
}

.room-detail-title h2{
font-size:38px;
font-family:@BrandonBoldItalic;
text-transform:uppercase;
padding:0 0 5px;
line-height:34px;

}


.room-detail-price {
float:right;
font-size:30px;
font-weight:bold;
font-style:italic;
margin-top:20px;
}

.room-detail-price-verb {
	display:block;
	font-size: 10px;
	line-height:10px;
}

#room-detail-book-now{
clear:both;
background: transparent url('../assets/room-detail-book-now.png') no-repeat center center;
height:54px;
line-height:54px;
margin:13px 0px;
color:#fff;
text-transform:uppercase;
color:#fff;
}



#room-detail-book-now:hover{
color:@rollover;
}

#room-detail-book-now .best-rates {
float:right;
margin-right:29px;
font-size:10px;
font-family:@BrandonBoldItalic;
}

#room-detail-book-now .book-now {
float:right;
width:120px;
font-size:15px;
line-height:15px;
font-family:@BrandonBold;
padding-top:12px;
}

.room-detail-content {
font-size:18px;
font-style:italic;
margin:12px 0px 26px;

	p{
	font-size: 18px;
	font-style: italic;
	}

}

.one-half {
float:left;
width:440px;
padding-right:40px;
}

.one-half.last {
float:right;
padding-right:0px;
}

 .right-align {
float:right;
padding:10px 0px 0px 0px;

}


/*============================*/
/*======== EAT & DRINK =======*/
/*============================*/

.actions {
border-top:1px solid @jaune-caca;
margin-top:25px;
position:relative;
clear:both;
}

.action-item {
padding-left:8px;
border-bottom:1px solid @jaune-caca;
position:relative;
display:block;
height:48px;
}

.action-item a {
float:left;
text-transform:uppercase;
font-family:@BrandonBold;
color:@jaune-caca;
line-height:48px;
}

.action-item a:hover {
color:@rollover;
}

.action-link {
background: transparent url(../assets/action-link.png) no-repeat top left;
padding-left:43px;
}

.action-link:hover {
background-position: bottom left;
}

.action-reservation {
background: transparent url(../assets/action-reservation.png) no-repeat top left;
padding-left:43px;
}

.action-reservation:hover {
background-position: bottom left;
}

.action-share-this {
background: transparent url(../assets/action-share-this.png) no-repeat top left;
padding-left:43px;
}

.action-share-this:hover {
background-position: bottom left;
}

.action-download {
background: transparent url(../assets/action-download.png) no-repeat top left;
padding-left:43px;
}

.action-download:hover {
background-position: bottom left;
}

.action-tel {
background: transparent url(../assets/action-tel.png) no-repeat top left;
padding-left:43px;
}

.action-tel:hover {
background-position: bottom left;
}

.restaurant-info {
position:absolute;
background:@bgcolor;
right:0;
top:0;
display:block;
height:70px;
width:245px;
margin:0px;
padding-left:45px;
padding-top:15px;

	span {
	position:relative;
	font-size:18px;
	font-style:italic;
	color:@textcolor;
	}
	
	a{
		color:#908f81;
		text-decoration:underline
	}


}



#featured-restaurants .featured-cat h5 a:hover {
text-transform:uppercase;
font-family:@BrandonBoldItalic;
font-size:14px;
}

#featured-restaurants .featured-box {
	margin:0px 20px 20px 0px;
	float:left;
	width:300px;
}

#featured-restaurants .featured-box.last {
	margin:0px 0px 20px 0px;
}

#featured-restaurants .featured-box-image {
	width:300px;
	height:185px;
}

#featured-restaurants .featured-cat {
	top:158px;
}

#featured-restaurants .featured-box-tagline {
float:left;
width:217px; /*295px*/
padding-left:5px;
}

#featured-restaurants .featured-tagline {
	width:230px;

}


#featured-restaurants .featured-box-more-info {
	top:194px;
	position:absolute;
	right:0;
	background-position: top left;
	padding-top:0px;
}



/*============================*/
/*=========== SPA ===========*/
/*============================*/

#training-maps {

position:relative;

}

.training-map {
	border-bottom:1px solid @jaune-caca;
	padding:20px 6px 6px 20px;

	p {
		font-size:14px;
		line-height:15px;
	}


	h3 {
		font-family:@BrandonBoldItalic;
		font-size:14px
	}
	
	img {
		vertical-align:middle;
	}

}


/*============================*/
/*===== MEETING & EVENTS =====*/
/*============================*/

.floor-plan {
padding-left:8px;
border-bottom:1px solid @jaune-caca;
position:relative;
display:block;
height:160px;
}

.floor-plan a {
text-transform:uppercase;
font-family:@BrandonBold;
color:@jaune-caca;
}

.floor-plan a:hover {
color:@rollover;
}


.floor-plan-download {
	float:right;
	margin:0 auto;
	width:120px;
	text-align:center;
	margin:44px 56px 0px 0px;
}

.floor-plan-download .download-icon {
background: transparent url(../assets/action-download.png) no-repeat top center;
height:48px;
width:48px;
display:block;
margin:0 auto;
}

.floor-plan-download .download-icon:hover {
background: transparent url(../assets/action-download.png) no-repeat bottom center;
}


.floor-plan-download .download-link-text {
text-transform:uppercase;
font-family:@BrandonBold;
color:@jaune-caca;
margin-top:4px;
margin:0 auto;
}

.floor-plan .featured-box-plan{
	float:left;
	margin:18px 7px 0px 7px;
	width:300px;
	position:relative;
}

.floor-plan .featured-cat {
	top:96px;
}


#shuttle-destinations {

}

.meeting h3, #shuttle-destinations.content-tab-list h3 {
font-family:@BrandonBoldItalic;
font-size:14px;
}

#shuttle-destinations.content-tab-list h3{
	margin-bottom:20px;
}

#shuttle-destinations.content-tab-list {
position:relative;	
}

#shuttle-destinations.content-tab-list ul{
color:@jaune-caca;
float:none;
display:inline;
background:none;
list-style-type: disc;
}

#shuttle-destinations.content-tab-list ul li {
display:list-item;
line-height:24px;
float:none;
text-align:left;
font-family:@defaultFont;
font-style:italic;
font-size:18px;
margin-left:15px;
color:#59584d;
}

#image-gallery {
float:left;
overflow:hidden;
position:relative;
display:block;
width:100%;
height:100%;
z-index:20 !important; /* Make sure it is visible under the slides */
}

#image-gallery .gallery-page {
float:left;
width:100%;
height:100%;
z-index:20; /* Make sure it is visible under the slides */
}

.gallery-page .gallery-photo {
width:300px;
height:123px;
position:relative;
}


.gallery-navigation {
position:relative;
margin-top:40px;
width:100%;
float:left;
display:block;
height:48px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

.gallery-navigation a.prev, .gallery-navigation a.next {
width:36px;
height:38px;
margin-top:6px;
display:block;
line-height:50px;
}

.gallery-navigation a.prev {
float:left;
background: transparent url(../assets/prev-next-arrows.png) left center no-repeat;
}

.gallery-navigation a.next {
float:right;
background: transparent url(../assets/prev-next-arrows.png) right center no-repeat;
}

.gallery-navigation a.prev:hover {
float:left;
background: transparent url(../assets/prev-next-arrows-active.png) left center no-repeat;
}

.gallery-navigation a.next:hover {
float:right;
background: transparent url(../assets/prev-next-arrows-active.png) right center no-repeat;
}


/*============================*/
/*============ BLOG ==========*/
/*============================*/


#blog {
position:relative;
}


#main {
position:relative;
float:left;
width:700px;
margin-bottom:34px;
}

.blog-navigation {
position:relative;
display:block;
height:50px;
line-height:50px;
border-top:1px solid #c2c1ae;
border-bottom:1px solid #c2c1ae;
margin-bottom: 20px;
}


.blog-navigation a.prev, .blog-navigation a.next {
width:36px;
height:38px;
margin-top:6px;
display:block;
line-height:50px;
}

.blog-navigation a.prev,
.blog-navigation li.disabled a.prev:hover  {
background: transparent url(../assets/prev-next-arrows.png) left center no-repeat;
position:absolute;
left:0;
}

.blog-navigation a.next,
.blog-navigation li.disabled a.next:hover  {
position:absolute;
right:0;
background: transparent url(../assets/prev-next-arrows.png) right center no-repeat;
}

.blog-navigation a.prev:hover{
background: transparent url(../assets/prev-next-arrows-active.png) left center no-repeat;
}

.blog-navigation a.next:hover {
background: transparent url(../assets/prev-next-arrows-active.png) right center no-repeat;
}	


.page-navigation {
margin:0;
width:100%;
}

ul.page-navigation li {
float:left;
display:block;
margin:0px 7px;
}

ul.page-navigation li.next {
	float:right;	
}

ul.page-navigation li.last {
margin-right:0px;
}

ul.page-navigation li a {
font-family:@BrandonBold;
font-size:20px;
color:@jaune-caca;
}

ul.page-navigation li a:hover {
color:@rollover;
}

ul.page-navigation li.active a {
color:#000;	
}


.entry {
width:100%;
position:relative;
margin-bottom:65px;
}

.entry-image {
max-width:700px;
overflow:hidden;
}
	

.entry-metadata{
margin:15px 0px;
}

.entry-date {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.entry h2, .entry h2 a {
font-family:@BrandonBoldItalic;
font-size:24px;
margin-bottom:8px;
}

.entry .share-this {
float:none;
}

.entry-content {
margin-bottom:43px;
}

.toggle {
display:none;
	margin:0 0 43px 0;
	overflow: hidden; /* prevents the collapsing of the margin */
}

.entry p {
font-size:16px;
font-family:@subFont;
color:@textcolor;
	margin: 10px 0;
}

.entry-read-more {
margin:0 auto;
text-align:center;	
}

.entry-read-more a {
font-family:@BrandonBlack;
text-transform:uppercase;
color:@jaune-caca;
font-size:12px;
padding-right:25px;
background: transparent url(../assets/continue-reading.png) no-repeat 100% 50%;
}

.entry-read-more a:hover {
color:@rollover;
	background-image: url(../assets/continue-reading-active.png);
}

.entry-read-more a.active {
background: transparent url(../assets/close-reading.png) no-repeat 100% -2px ;
}

.entry-read-more a.active:hover{
	background-position: 100% -21px;
}



#sidebar {
position:relative;
float:right;
width:225px;
}

.sidebar-item {
float:left;
width:100%;
margin-bottom:17px;
padding-bottom:24px;
border-bottom:1px solid #fff;
}

ul.categories-column {
float:left;
width:92px;
list-style:none;
}

ul.categories-column li {
display:block;
}

ul.categories-column li a {
color:@jaune-caca;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

ul.categories-column li a:hover{
color:@rollover;
}

ul.categories-column li a.active {
color:#000;
}

.sidebar-item .featured-box {
	margin-bottom:23px;
}


/*============================*/
/*========= ALBUM LIST =======*/
/*============================*/

#albums-list {
position:relative;
margin:0px 0px 51px 0px;
overflow:auto;
}

#albums-list .album-list-item {
position:relative;
float:left;
width:300px;
margin: 0px 18px 35px 0px;
 a, .album-list-wrap {
 	display: block;
	height:123px;
	width: 300px;
 }
}

#albums-list .last {
margin-right:0px;
}

#albums-list .album-list-image,
#albums-list .album-list-image  img {
height:123px;
width:300px;
z-index:20;
	.marpad;
}

#albums-list .album-title {
position:absolute;
	bottom:0;
	left:0;
	background-color:@bgcolor;
	z-index:@promo-z-index;
display:block;
padding:6px 10px 6px 5px;
}

.album-title h5,{
text-transform:uppercase;
font-family:@BrandonBoldItalic;
font-size:14px;
}



.album-more-button a {
background: #fff url('../assets/read-more-button.png') no-repeat center center; 
height:33px;
width:33px;
display:block;
position:absolute;
top:0;
right:0;
z-index:200;
}

a:hover .album-more-button {
background: #fff url('../assets/read-more-button-active.png') no-repeat center center; 
}

/*============================*/
/*======== ALBUM GALLERY =====*/
/*============================*/

#album-gallery {
overflow:auto;
margin-bottom:50px;
overflow:hidden;
}

#album-gallery .album-gallery-item {
float:left;
position:relative;
width:960px;
	.border-b-shadow;
}

.album-gallery-title {
border-bottom:1px solid #fff;
	padding:0 0 29px 0;
	margin:0 0 32px 0;
position:relative;
height:50px;
line-height:50px;
}

.album-gallery-title h1, .album-gallery-title h2 {
font-family:@defaultFont;
float:left;
font-style:italic;
text-transform:capitalize;
}

.album-gallery-title h2 {
	text-transform:none !important;
}

.divider {
font-size:48px;
margin:5px 8px;
float: left;
color:@jaune-caca;
}

.album-gallery-title h1 {
font-size:30px;
color:#59584d;
font-weight:bold;
}

.album-gallery-title h2 {
font-size:18px;
color:#8a897a;
padding-top:5px;
}

.album-thumbnails {
position:absolute;
right:0;
top:155px;
width:300px;

}

.album-thumbnails li {
width:74px;
height:74px;
display:block;
float:left;
margin:0px 1px 1px 0px;
}

.album-thumbnails li a {
display:block;
}

.album-thumbnails li.activeSlide, .album-thumbnails li a:hover {
opacity:0.7;
}

.album-thumbnails img {
width:74px;
height:74px;
overflow:hidden;
}

.album-slideshow {
float:left;
}

.album-slideshow img {
width:629px;
height:363px;
}

.album-slideshow .album-photo {
display:block;
width:629px;
position:relative;
font-family:@defaultFont;
font-style:italic;
}

.album-slideshow .album-photo h3 {
color:#8a897a;
font-style:normal;
text-transform:uppercase;
font-size:18px;
margin:22px 0px 31px 0px;
}

.album-slideshow .album-photo p {
color:#8a897a;
font-size:14px;
margin-bottom:18px;
}

.album-nav {
position:relative;
float:right;
width:300px;
margin-top:7px;

}

.album-nav .share-this {
position:absolute;
left:0;
}


.album-nav .image-navigation {
position:absolute;
right:0;
top:0px;
}

.image-navigation .prev{
background: transparent url(../assets/album-prev-next-arrows.png) no-repeat left;
position:relative;
float:left;
display:block;
width:22px;
height:23px;
margin-right:2px;
z-index:20; /* Make sure it is visible under the slides */
}

.image-navigation .next{
background: transparent url(../assets/album-prev-next-arrows.png) no-repeat right;
display:block;
position:relative;
float:left;
width:22px;
height:23px;
z-index:20; /* Make sure it is visible under the slides */
}

.image-navigation .prev:hover {
background: transparent url(../assets/album-prev-next-arrows-active.png) no-repeat left;
	
}

.image-navigation .next:hover{
background: transparent url(../assets/album-prev-next-arrows-active.png) no-repeat right;
}

.image-info-navigation {
position:absolute;
left:520px;
top:490px;	
}

.image-info-navigation .zoom {
background: transparent url(../assets/image-zoom.png) no-repeat left;
position:relative;
width:35px;
height:38px;
float:left;
margin-right:2px;
display:block;
z-index:20;
}

.image-info-navigation .zoom:hover {
background: transparent url(../assets/image-zoom.png) no-repeat right;

}

.image-info-navigation .prev{
background: transparent url(../assets/prev-next-arrows.png) no-repeat left;
position:relative;
float:left;
display:block;
width:35px;
height:38px;
margin-right:2px;
z-index:20; /* Make sure it is visible under the slides */
}

.image-info-navigation .next{
background: transparent url(../assets/prev-next-arrows.png) no-repeat right;
display:block;
position:relative;
float:left;
width:35px;
height:38px;
z-index:20; /* Make sure it is visible under the slides */
}

.image-info-navigation .prev:hover {
background: transparent url(../assets/prev-next-arrows-active.png) no-repeat left;
	
}

.image-info-navigation .next:hover{
background: transparent url(../assets/prev-next-arrows-active.png) no-repeat right;
}



.close-button {
position:absolute;
right:0px;
top:10px;
height:40x;
width:40px;
}

.close-button a {
background: transparent url(../assets/button-close.png) no-repeat top right;
display:block;
height:40px;
}

.close-button a:hover {
background: transparent url(../assets/button-close.png) no-repeat bottom right;
display:block;
height:40px;
}


/* FANCYBOX CONTENT */
#fancybox-outer {
	background:#000;
}



#fancybox-title-outside {
	overflow:hidden;
}

#fancybox-title-outside h3 {
	float:left;
	width:12%;
	display:block;
	color:#8a897a;
	text-transform:capitalize;
	font-family:@defaultFont;
	font-style:italic;
	font-weight:bold;
	font-size:18px;
}

#fancybox-title-outside  p {
	float:left;
	width:55%;
	display:block;
	margin:0px 0px 0px 10%;
	font-style:italic;
	font-size:14px;
	color:@jaune-caca;
}






/*
#nav { width: 300px; margin: 15px }
#nav li { width: 50px; float: left; margin: 8px; list-style: none }
#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
*/


/*============================*/
/*========== IMAGES ==========*/
/*============================*/

img {	
vertical-align:baseline;
}

.alignleft, img.alignleft {
float:left;
display:inline;
margin:10px 10px 10px 0px;
}

.alignright, img.alignright {
float:right;
display:inline;
margin:10px 0px 10px 10px;
}



/*============================*/
/*========== contact ==========*/
/*============================*/

#contact-adresse {
	
	p {
		width:auto;
		
		font-size: 18px;
		font-family: @BrandonBoldItalic;
		text-transform: uppercase;
	}
}

.ligne-jaune {
	border-top: 1px solid @jaune-caca;
}

#contact-services {
	/*float: right;*/
	position: absolute;
	right: 0;
	top: auto;
	width: 303px;
	min-height: 158px;
	border: 6px solid @gris;
	margin: 0 8px 0 0;
	padding: 13px 8px;
	
	h4 {
		font-size: 18px;
		font-family: @BrandonBoldItalic;
	}
	
	.contact-service {
		color: @activelink;
		margin: 15px 0 8px 0;
		font-size: 14px;
		text-decoration: underline;
		
		a {
			color: @activelink;
			text-decoration: underline;
		}
	}
}

.contact-poste {
	margin:34px 0 20px 0;
	font-style: italic;
	
	p {
		font-size: 14px;
	}
}

/*============================*/
/*========== careers ==========*/
/*============================*/
#careers {
	.marpad;
	
	p {
		margin-left: 10px;
	}
}

#careers-send {
	
	margin: 48px 0 0 0;
	padding:0;
	
	display:block;
	border-top: 1px solid @jaune-caca; 
	border-bottom: 1px solid @jaune-caca; 
	
	a {
		display:block;
		text-transform:uppercase;
		font-family:@BrandonBold;
		color:@jaune-caca;
		padding-left:50px;
		line-height:38px;
		height:38px;
		margin: 5px 0;
		background: transparent url(../assets/next.png) no-repeat 10px 0;
	}
	
	a:hover {
		color:@rollover;
		background: transparent url(../assets/next.png) no-repeat 10px -38px;
	}
}
	
#careers-dept {
	
	padding: 18px 32px 60px 16px;
	background-color: @gris;
	
	color: @activelink;
	
	font-style: italic;
	
	p {
		font-size: 16px;
	}
	
	a {
		color: @activelink;
		font-size: 16px;
	}
	
	a:hover, a:active {
		color:@rollover;
	}
	
	h4 {
		font-size: 18px;
		font-family: @BrandonBoldItalic;
	}
	
}


/*============================*/
/*========== FORMS RFP ==========*/
/*============================*/



form.rfp {

	/* Ajustement template : Mise sur 2 colonne égal */
	div.first-column, div.last {
		width: 450px;
	}
	
	font-family:@BrandonBold;
	
	/* Default Style formulaire */
	label {
		text-transform:uppercase;
		color:@activelink;
		display:inline-block;
		width: 200px;
		line-height:48px;
		margin: 0 5px 0 5px;
	}
	
	p {
		color:@activelink;
	}
	
	em.error {
		display: block;
		color:@errorColor;
	}
	
	fieldset {
	
		legend {
			text-transform:uppercase;
			font-family:@BrandonBoldItalic;
			font-size:16px;
			color: #000;
		}
		
		label {

			&.money {
				width: 310px;
			}
		}
		
		input {
			width: 210px;
			color:@activelink;
			
			&.checkbox {
				width: 35px;
			}
			
			&.money {
				width: 100px;
			}
		}
		
	}
	
	div.full-width {
			margin-left: 8px;
			margin-right: 8px;
			
			label.block {
				width: 900px;
			}
			
			textarea {
				width: 910px;
			}
		}
		
	div.indent {
		margin-left: 10px;
	}

	.block {
		display:block;
		width: 415px;
	}
	
	div.center {
		margin: 0 auto 0 auto;
		width: 115px;
	}

	label.inline {
		display: inline;
	}
	
	input {
	
		&.submit{
			background: transparent url(../assets/submit-button.png) no-repeat right;
			height:38px;
			width:115px;
			border:none;
			margin: 100px 310px 5px 15px;
			font-size:14px;
			padding-right:45px;
			text-transform:uppercase;
			font-family:@BrandonBold;
			cursor:pointer;
			float:right;
			
			&:hover {	opacity:0.6;	}
		}
		
		&.dp-applied {
			float: none;
			background-color: white;
			border: 2px inset;
			line-height: 100%;
			font-size: 12px;
			height: auto;
			padding: 1px 0px;
			margin: 0;
			font-weight: normal;
			font-family:Arial;
		}
		

		
	}

	
	/* Spécifique setting */
	
	input#Event-Title {
		width: 420px;
	}
	
	/* reCAPTCHA */
	#recaptcha_widget_div {
		width:320px;
		margin: 0;
		
		label {
			display: inline;
			line-height: 1em;
		}
	}
	
	
}