@charset "UTF-8";
/*-----------------------------------------------------------------------------
Primary Style Sheet

version:   1.0
author:    Claudia Adler
email:     info@claudiaadler.com
website:   http://www.claudiaadler.com



-----------------------------------------------------------------------------*/

/* =Global Reset
    -----------------------------------------------------------------------------*/
/* Remove padding and margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0}

/* Remove borders */
table {border-collapse:collapse; border-spacing:0}
fieldset, img {border:0}
abbr, acronym {border:0}

/* Remove border around linked images */
img {border: 0;}

/* Reset font-size and -weight */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal}

/* Remove styling from all list items */
ol, ul {list-style:none}

/* Aligning captions left */
caption, th {text-align:left}

/* Remove quotemarks */
q:before, q:after {content:''}

    fieldset { padding: .5em; }
    select option{ padding:0 5px; }


/* General


-----------------------------------------------------------------------------*/

body{
	background-image:url(images/bgPattern.gif);
	background-repeat:repeat;
	font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
	background-color:#ffffff;
	margin: 0px;
	padding:0px;
	text-align:center;
}


/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
font-size:1em;
	color:#5c5789;
	text-decoration: underline;
	font-weight:bold;
}

a:hover{

	color:#9291ae;
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
font-size:1.3em;
 color: #19143c;

}

h2{

 color: #19143c;

}

h3{

 color: #19143c;

}


h4{
 color: #ffffff;
}

h5{
 color: #000000;
}

h6{
 color: #0c9bcc;
}



h1, h2, h3, h4{
voice-family:male;
richness:80;
cue-before:inherit;}



ul{
margin-top:0px;

}

li{ font: normal 75% Verdana,Arial,sans-serif;
 text-align:left;
 line-height:150%;
 margin: 0px 0 0px -35px;
 padding: 0px;
 list-style:none;
}

/*************** ***************/


	table{
	margin:0;
	padding:0;
	padding-left:10px;
	padding-bottom:12px;
	border-collapse:separate;
	width:380px;
	text-align:center;
	}
	
	th{
	padding:3px 10px;
	border:0.05em solid #999999;
	color:#ffffff;
	background-color:#9291ae;
	font-size:12px;
 	text-align:left;
 	line-height:130%;}
	
	
	td{
	padding:3px 0 3px 10px;
	border:0.05em solid #999999;
	text-align:left;
	background-color:#ffffff;
	font-size: 80% ;
 	color: #666666;
 	text-align:left;
 	line-height:130%;}
	
		
p{
 font: normal 12px Verdana,Arial,sans-serif;
 text-align:left;
 line-height:140%;
 padding-bottom:6px;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.wrap{
	position:relative;
	margin:0px auto;
	padding:0;
	border:none;
	width:1000px;
	height:auto;
	text-align:center;
	z-index:1;
	}
	/* \*/
* html #wrap { height: 1%; }
/* */	

.wrapDisp{
	position:absolute;
	top:-20px;
	left:0;
	margin:0px;
	padding:0;
	border:none;
	width:600px
	height:650px;
	text-align:center;
	z-index:1;
	}
	/* \*/
* html #wrapDisp { height: 1%; }
/* */	

#dispHead{
	position:absolute;
	top:0;
	left:0;
	margin:0px;
	padding:50px 0 0 0 ;
	border:none;
	width:600px;
	height:50px;
	text-align:center;
	background-color:#FFFFFF;
	color:#5b5688;
	z-index:2;

}

.header {	
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	width:100%;
	height:275px;
	background-image:url(images/HeaderHome.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#a6a6be; 
	z-index:2;
}

	/* \*/
* html .header { height: 275px; }
/* */	

	
/**********************************************/	

	#content{
	position:absolute;
	top:275px;
	left:0px;
	margin:0;
	padding:0;
	width:100%;
	height:700px;
	background-color:#ffffff;
	text-align:left;
	z-index:5;	
	}
	/* \*/
	* html #content { height: 700px; }
	/* */	
	#contentCh{
	position:absolute;
	top:275px;
	left:0px;
	margin:0;
	padding:0;
	width:100%;
	height:600px;
	background-color:#ffffff;
	text-align:left;
	z-index:4;	
	}
	/* \*/
	* html #contentCh { height: 600px; }
	/* */	


/************************************************page merci**************************/
	#contentMerci{
	position:absolute;
	top:275px;
	left:0px;
	margin:0;
	padding:0;
	width:100%;
	height:300px;
	background-color:#ccccda;
	text-align:left;
	z-index:5;	
	}
	/* \*/
	* html #contentMerci { height: 300px; }
	/* */
	
	#contentMerci h1{
	padding:80px 115px;}
		
		
	#contentCentMerci{
	position:absolute;
	top:0px;
	left:453px;
	margin:0;
	padding:0;
	width:543px;
	height:500px;
	text-align:left;
	z-index:6;	
	}
/****************************Page merci************************************/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}



.clearfix {display: inline;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	
	/***************************************************/	
	#contentLeft{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	width:453px;
	height:750px;
	background-image:url(images/Center1.jpg);
	background-repeat:no-repeat;
	background-position:top;

	text-align:left;
	z-index:6;	
	}	
	#contentLeft img{
	padding-left:137px;
	}

	#contentLeftCh{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	width:453px;
	height:550px;
	background-image:url(images/Center1.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-align:left;
	z-index:6;	
	}	
	
	#leftText {
	position:absolute;
	top:280px;
	left:130px;
	width:200px;
	height:300px;
	padding:0 0px 0px 10px;
	color:#312e4b;
	z-index:8;
	}
	
	#leftText h1{
		
		font-weight:bold;
		font-size:12px;
		padding-bottom:6px
		}
	#leftText h2{
		color:#8484a3;
		font-weight:400;
		font-size:11px;
		padding-bottom:6px;
		line-height:130%;
		}
	#leftText p{
		color:#212145;
		font-weight:200;
		font-size:11px;
		padding-bottom:6px;
		line-height:130%;
		}
/****************************Chambres*************************************/
	#leftTextCh {
	position:absolute;
	top:30px;
	left:120px;
	width:200px;
	padding:0 0px 0px 10px;
	color:#312e4b;
	z-index:8;
	}
	
		#leftTextCh .kicker{
	font-size:15px;
	font-weight:400;
	line-height:140%;
	padding-right:6px;
	padding-bottom:10px;
	color:#19143c;
		}
	
	#leftTextCh h1{
		
		font-weight:bold;
		font-size:13px;
		line-height:120%;
		padding-bottom:6px
		}
	#leftTextCh h2{
		color:#8484a3;
		font-weight:400;
		font-size:11px;
		padding-bottom:6px;
		line-height:130%;
		}
	#leftTextCh p{
		color:#212145;
		font-weight:200;
		font-size:11px;
		padding-bottom:6px;
		line-height:130%;
		}
	
	#contentCent{
	position:absolute;
	top:0px;
	left:453px;
	margin:0;
	padding:0;
	width:543px;
	height:700px;
	background-image:url(images/Center2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#ffffff;
	text-align:left;
	z-index:6;	
	}
	#contentCentCh{
	position:absolute;
	top:0px;
	left:453px;
	margin:0;
	padding:0;
	width:543px;
	height:500px;
	background-image:url(images/Center2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#ffffff;
	text-align:left;
	z-index:6;	
	}


	
	#centerText{
	position:relative;
	top:50px;
	left:0px;
	width:390px;
	padding:0px 10px 0px 15px;
	color:#413e60;
	}
	
	#centerText h1{
	font-size:13px;
	font-weight:900;
	line-height:140%;
	padding-bottom:3px;
	color:#19143c;
}
	#centerText .kicker{
	font-size:15px;
	font-weight:400;
	line-height:140%;
	padding-right:6px;
	padding-bottom:10px;
	color:#19143c;
}

	#centerText p{
	font-size:12px;
	line-height:140%;

	}
	
/**********************************************************************/	
	#centerTextCh{
	position:absolute;
	top:40px;
	left:10px;
	width:400px;
	color:#413e60;
	z-index:30;
	}
	
	#centerTextCh img{
	float:left;
	display:inline;
	margin:15px 13px;

	}
/* \*/	
	* html #centerTextCh img{
	min-width:0px;
	float:left;
	display:inline;
	margin:15px 13px;
  }
/* */
	
	#centerTextCh h1{
	font-size:12px;
	padding-bottom:6px;
	padding-left:10px;
	line-height:140%;
	font-weight:bold;
	color:#4b4772;
}


/******************menu****************/
#nav {margin:0;}

/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
    #nav {
      float:left;
      width:100%;
      background:#dee1e7 url("images/MenuHov.jpg") repeat-x bottom;
      }
    #nav ul {
      margin:0;
      padding: 0;
      list-style:none;
      }
    #nav li {
      float:left;
      background:url("images/MenuA.jpg") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #nav a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("images/MenuA.jpg") no-repeat left top;
      padding:5px 20px;
      text-decoration:none;
      font-weight:bold;
      color:#19143c;
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#fff;
      }
    #demos #nav-demos, 
    #menus #nav-menus,
    #layouts #nav-layouts, 
    #boxes #nav-boxes
 {
      background-position:100% -150px;
      }
    #demos #nav-demos a, 
    #menus #nav-menus a,
    #layouts #nav-layouts a, 
    #boxes #nav-boxes a
{
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover, 
	#nav li:hover a {
      background-position:100% -150px;
      color:#fff;
      }
    #nav li:hover a {
      background-position:0 -150px;
      }
/**************************************************************/


	#footer{
	position:absolute;
	top:975px;
	left:0px;
	margin:0;
	padding:0;
	width:100%;
	height:116px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	text-align:left;
	z-index:4;	
	}
	
	#footerCh{
	position:absolute;
	top:575px;
	left:0px;
	margin:0;
	padding:0;
	width:100%;
	height:116px;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	text-align:left;
	z-index:4;	
	}
	
	#siteInfo{
	position:absolute;
	left:10px;
	right:10px;
	width:1000px;
	bottom:20px;
	text-align:center;
	font-size: small;
	color:#373454;
	padding: 10px 10px 5px 10px;
	margin-top: 10px;
	z-index:15;
	}	

	#siteInfo a:link, #siteInfo a:visited{
	color:#373454;
	text-decoration: underline;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
}

#siteInfo a:hover{
	color: #6446a1;
	text-decoration: none;

}

/************ sectionLinks styles **************/
#on{
	font-weight:bold;
	font-size:2em;
	line-height:130%;
	color:#FFFFFF;		
	margin:0;
	padding:6px 15px 6px 15px;
	border-top:1px solid #2888b8;
	border-right:1px solid #9cc7e7;
	border-bottom:1px solid #9cc7e7;
	border-left:1px solid #2888b8;	
	text-decoration:none;
	}
	



#contact {
	width:300px;

	font: bold 85% Verdana,Arial,sans-serif;
    color: #a76e26;
    text-align:left;
    line-height:130%;
    margin: 320px 40px 6px 80px;
    padding: 0px;
}


.style10 {
	font-weight: bold;
}

#tracking1 {
line-height:150%;
font-size:1.4em;
font-weight:bold;
}
#tracking2 {
line-height:150%;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
	color:#86b5c5;
}

.kicker{
font-size:14px;
line-height:150%;
padding:0;
padding-bottom:0;
font-weight:600;
text-align:left;
color: #ffffff;
}
.white{
color:#FFFFFF;
}
/*************fin styles sur la page contact******/
#email a:link, #email a:visited, #email a:hover{
text-decoration:underline;
font-size:10px;}

.refs {
 margin-top:90px;
 padding:0px 0 2px 10px;
 color:#0c9bcc;
 font-size:14px;
 font-weight:bold;
 text-align:left;
 }
 .refs p{
 padding-left:0px;}
 
 .refs a:link, .refs a:visited{
 color:#0c9bcc;
 text-decoration:underline;
 }
  .refs a:hover, .refs a:active{
 color:#ffffff;
 text-decoration:underline;
 }
 .bigger{
 font-size:larger;
 }


 
 #credits {
 position:absolute;
top:665px;
left:500px;
display:inline;
margin:0;
padding:0;
width:500px;
height:50px;
text-align:left;
 color:#c5b7a1;
 font-size:12px;
 line-height:100%;
 z-index:7; 
 }


 
 .fix {
 font-weight: bold;
 font-size: 16px;
 color: #ffffff;
 text-align:left;
 line-height:130%;
 padding:6px 0 3px 5px;
 }
 
/********************* form **********************/
/*------------CONTACT FORM------------*/

form {
	padding-left:10px;
	text-align: left;
	width: 320px;
}
fieldset {
	padding: 10px 10px 10px 0px;
	border: none;
	display: block;
	}
	
label {
	color:#211d45;
	font-size: 11px;
	line-height:150%;
	text-transform: uppercase;
	display: block;
	margin-bottom: 3px;
	padding:0px 0px 3px 3px;
}
input {
	display: block;
}
input#name, input#courriel, input#arrivee, input#nb_jours, input#message{ 
	color: #000;
	background-color:#e3e3eb;
	border: 1px solid #7b6366;
	border-top-color: #7c7c7c;
	border-bottom-color: #ddd;
	font-size: 12px;
	font-family: 'Helvetica Neue',verdana, arial, sans-serif;
	margin-top: 6px;
	padding:0 0 5px 0;
	}
label.name,
label.email, label.arrivee, label.sejour {
	float: left;
	width: 300px;
}
label.name {
	margin-right: 10px;
	}
* html label.name { /*reason: IE width problems */
	margin-right: 10px;
	}
label.name input,
label.email input,
label.arrivee input,
label.sejour input {
	text-transform: lowercase; /* reason: because I am uppercasing the labels */
}
label.name input {
	text-transform: capitalize; /* reason: because I am uppercasing the labels */
	}
label.message {
	}
input#checkbox_1 {
	float: left;
	padding: 0;
	margin-left: 0;
	width: 13px;
	height: 13px;
}
label.checkbox {
	clear: none;
	padding-left: 2em;
}
textarea {
	display: block;
	width: 320px;
}
input#submit {
float:left;
margin-top:6px;
margin-right:2px;

	}
input#reset{
	margin-top:6px;
	margin-left:1px;
float:left;

	}
/*******************************************/
#cal{
z-index:300;}

#fc table{
position:fixed;
top:300px;
left:50%;
border-collapse:collapse;
background:#FFFFFF;
border:1px solid #ABABAB;
z-index:500;
}

#fc td{
text-align:center;
background-color:#ABABAB;
font:12px Arial;
cursor:pointer;
}

#mns td{
text-align:center;
font:bold 13px Arial;}

#v td{
width:18px;
height:18px;}

/******************menu****************/
.menu {
  display:table;         /* ignored by IE */
  padding:0; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  border:none; 
  }
* html .menu {

  display:inline;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  } 
  
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}   
.menu li {
  display:table-cell;    /* ignored by IE */
  text-align:left;
  }
  
@media screen, projection
{
 html .menu li {

  		display: inline;
		f\loat: left;       /* for IE only */
  }
 }
 
.menu a, .menu a:visited {
  display:block;         /* for all browsers except IE */
  padding:4px 15px;
  color:#fff; 
  background:#5b5688; 
  border-top:1px solid #5b5688; 
  border-bottom:1px solid #5b5688; 
  border-right:1px solid #3b3757;/* add a 1px border around items */ 
  border-left:1px solid #5b5688;
  text-decoration:none;
  }
* html .menu a, * html .menu a:visited {
  display:inline;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  }
.menu a:hover {
  padding:4px 15px;
  color:#3b3757; 
  background:#ccccda;
  border:1px solid #ccccda;/* add a 1px border around items */ 
  }
  
 /* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
border-collapse:collapse; 
border:0; 
position:absolute; 
left:0; 
bottom:-1px;}
 
  
 .lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}
/******************************************menu******************************/
/************ sectionLinks styles **************/
/**********************************************/
#pageNav{	
	position:absolute;
	top:0px;
	left:0px;
	width:410px;
	height:32px;
	padding: 0px;
	margin:0;
	background-image:url(images/men2.jpg);
	background-repeat:repeat-x;
	background-position:top;

	z-index:150;
}

#sectionLinks{
	position:absolute;
	top:6px;
	left:0;
	margin:0;
	padding:0;
	text-align:left;

}
	* html #sectionLinks{
	top:6px;
	height:32px;
	width:100%;
	 background: transparent;
  	overflow:visible;
      /* for IE only */

	}

#sectionLinks a:link, #sectionLinks a:visited {

	font-weight:bold;
	font-size:0.9em;
	line-height:130%;
	color: #2e2549;
	margin:0;
	padding:7px 21px;
	text-decoration:none;
}

* html #sectionLinks a:link, * html #sectionLinks a:visited{
    /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  height: 32px;											/*clearfix*/
  overflow:visible;
  }

#sectionLinks a:hover, #sectionLinks a:active{
	display:inline;
	font-weight:bold;
	font-size:0.9em;
	line-height:130%;
	color:#fff;	
	background-image:url(images/menHov2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin:0;	
	padding:7px 21px;
	text-decoration:none;
	}
	
  	/* \*/	
* html #sectionLinks a:hover, * html #sectionLinks a:active{
 /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  height: 32px;											/*clearfix*/
  overflow:visible;
  }
	/* */

  
#on{

	font-weight:bold;
	font-size:0.9em;
	line-height:130%;
	color:#FFF;	
	background-image:url(images/menOn.jpg);
	background-repeat:no-repeat;
	background-position:top;

	margin:0;
	padding:6px 18px;
	text-decoration:none;
	}
* html #on{
    /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  }	

/*-------------------------------------------------------------*/