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

Author: hotels-paris.biz
Development by: hotels-paris.biz
Last updated: 

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


/* BASE STYLING **************************************************************/

* {
  margin:0;
  padding:0;
  font-style:normal;
  border:none;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
}
ol,ul {
  list-style:none;  
}
a {
  outline:none; /*gets rid of dotted outline in FireFox when link is clicked*/
}
img {
  border-style:none;
}


/* BASE STRUCTURE ************************************************************/
/*
html {
  text-align:center;
  background:#484848  url(../images/bg01.gif) repeat-y center top;
}
*/
/*
body {
//  width:940px;
//  margin:0 auto;
//  text-align:left;
 // background:#fff;
//  font:12px/1.5 Arial, Verdana, Helvetica, sans-serif;
//  color:#666666;
}
*/
/* HACKS ********************************************************************/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {
  display:inline-table;
}

/* Hides from IE-mac */
* HTML .clearfix {
  height:1%;
}

/* tables inherit font sizes */
table {
  font-size:1em;
}

/* forms */

input {
	padding:4px;
}

.input {
	padding:4px;
	margin:0;
	background:#FFF;
	border:solid 1px #ccc;
}

label {
	float:left;
	text-align:right;
	display:block;
	padding:0 0 4px 0;
}

/* vr on meetings section */

.vrPage {
	text-align:center;
	margin:0 auto;
	
}

.featureWrap {
	width:570px;
	height:230px;
	margin:20px;
	clear:both;
}

.featureWrap img {
	border:solid 1px #333;
}

.featureLeft, .featureRight {
	float:left;
	width:260px;
	text-align:center;
}

.featureRight {
	float:right;
}

.nobg {
	background:none !important;
	background-image:none !important;
}

/* HEADER ********************************************************************/

#header {
  width:940px;
  margin:0 auto;
  text-align:left;
  height:80px;
  background:  url(../images/bg_top.jpg) repeat-x 0 0;
}

a#logo {
  width:288px;
  height:70px;
  margin:4px 0 0 20px;
  float:left;
  text-indent:-9999px;
  background:   url(../images/logo.gif) no-repeat top left;
  display:inline; /* for double float bug */
}

a#french, a#english  {
  display:block;
  float:right;
  width:84px;
  height:44px;
  text-indent:-9999em;
  background:  url(../images/b_francais.jpg) no-repeat top;
  margin:16px 12px 0 0;
}

a#english {
  background:  url(../images/b_english.jpg) no-repeat top;
}

a#french:hover, a#english:hover {
  background-position:bottom;
}

/*..... #subNav .....*/
ul#subNav {
  padding:30px 0 0 0;
}

#subNav li {
  display:inline;
  float:right;
  margin:0 16px 0 0;
}

#subNav li a {
  color:#C7C7BA;
  text-decoration:none;
}

#subNav li a:hover {
  color:#fff;
}

/* MAIN NAV AND FLASH ********************************************************************/

/*..... #mainNav .....*/
#homePg #mainNav ul, #mainNav ul, #mainNavFr ul {
  width:900px;
  height:30px;
  background:  url(../images/bg_nav.gif) repeat-x 0 0;
  padding-top:14px;
  margin:20px 0 0 20px;
  text-align: center;
}

#mainNav ul, #mainNavFr ul {
  background:  url(../images/bg_nav.gif) repeat-x 0 0;
  height:30px;
  padding-top:14px;
  margin:20px 0 0 20px;
  text-align: center;
}

#mainNav li, #mainNavFr li {
  display:inline;
  font-size:11px;
  padding:0 16px 0 16px;
}

#mainNavFr li {
  padding:0 10px 0 10px;
}

#mainNav li a, #mainNavFr li a {
  color:#605E53;
  text-decoration:none;
  font-weight:bold;
}

#mainNav li a:hover, #mainNavFr li a:hover {
  color:#8A8879;
}

#flash {
  width:900px;
  height:301px;
  margin:1px 0 1px 20px;
}

#features {
  border-bottom: 1px solid #ccc;
  width:900px;
  margin-left:20px;
  padding-bottom:1px;
}

#features h2 { /*these rules hide the h2*/
  text-indent:-9999px;
  position:absolute;
  left:0; /*removes gap in ie7*/
}

a#feature01, a#feature02, a#feature01Fr, a#feature02Fr {
  display:block;
  width:453px;
  height:44px;
  padding:36px 10px 0 16px;
  color:#fff;
  font-size:11px;
  text-decoration:none;
  background:  url(../images/bg_box01.gif) no-repeat 0 0;
}

a#feature01Fr {
  background:  url(../images/bg_box01_fr.gif) no-repeat 0 0;
}

a#feature02, a#feature02Fr {
  background:  url(../images/bg_box02.gif) no-repeat 0 0;
  width:394px;
  float:right;
  display:inline;
  margin-top:-80px;
}

a#feature02Fr {
  background:  url(../images/bg_box02_fr.gif) no-repeat 0 0;
}

a:hover#feature01, a:hover#feature02, a:hover#feature01Fr, a:hover#feature02Fr {
  background-position:0 -80px;
}

/* CONTENT: HOME ********************************************************************/
/*..... #content .....*/
#content {
	background:none;
	width:900px;
  margin:42px 0 0 20px;
}

#homePg #content {
  margin: 40px 0 0 20px;
  background: none;
}

#intro {
  float:left;
  display:inline;
  width:466px;
}

#intro h2#h_tagline, #intro h2#h_taglineFr {
	width:393px;
	height:19px;
	background:  url(../images/headings/h_tagline.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#intro h2#h_taglineFr {
	width:306px;
	background:  url(../images/headings/h_tagline_fr.gif) no-repeat 0 0;
}

#intro p{
  margin: 20px 20px 0 0;
}

#mainElements {
  float:right;
  display:inline;
  padding-bottom:23px;
  width:418px;
  border:2px solid #d3d2c0;
  background:#EBE9DC;
}

#mainElements #meetings, #mainElements #dining {
  width:172px;
  float:left;
  display:inline;
  margin:23px 0 0 23px;
}

#mainElements #dining {
  float:right;
  display:inline;
  margin:23px 23px 0 0;
}

#mainElements img {
  border:1px solid #ccc;
  padding:3px;
  background:#fff;
}

#meetings h3, #dining h3 {
  font-size:1.4em;
  color:#69673A;
  margin:10px 0 7px 0;
  font-weight: normal;
}

#dining h3, .accent {
  color:#A24124;
}

#mainElements p {
  margin:0 0 10px 0;
}

#mainElements a {
  color:#BC5B1B;
  text-decoration:underline;
}

#mainElements a:hover {
  color:#bc7560;
  text-decoration:none;
}

/* CONTENT INTERIOR ********************************************************************/
#headingANDcrumbs {
  width: 900px;
  height: 38px;
  background: #fff;
  padding-top: 22px;
  margin-left: 20px;
}

#headingANDcrumbs h2 { /*headings without background images*/
  float:left;
  display: inline;
  width: 350px;
  line-height: 18px;
  font-size:18px;
  font-weight:normal;
  margin-left: 20px;
}

h2#h_facilities_and_services { /*headings with background images*/
  background:  url(../images/facilities_and_services.gif) no-repeat;
  text-indent:-9999px;
}

#headingANDcrumbs p {
  float:right;
  display:inline;
  font-size:11px;
  color:#999;
  width:500px;
  text-align:right;
}

#headingANDcrumbs a {
  margin:0 4px 0 4px;
  color:#a24124;
}

#headingANDcrumbs a:hover {
  color:#cf9989;
  text-decoration:none;
}

#headingANDcrumbs a#active {
  color:#999;
  text-decoration:none;
}

#contentWrap {
  background:  url(../images/subContent_tile.gif) repeat-y right bottom;
  clear:both;
  margin-bottom:-8px;
/*Step 1 of a 3 step solution to solve spacing issue in Safari. This negative margin rule, in combination with a rule applied to the #footer solves a gap problem affecting the subContent area in Safari only. I am suspecting the problem has something to do with .clearfix which doesn't always agree with Safari. But, these few rules seem to solve things fine. I explain the problem in more detail with the #footer style, just below on line 365*/
}

#content {
  background:  url(../images/subContent_bottom.gif) no-repeat right bottom;
  margin-top:0;
}
/*
#content table {
	margin:0 0 20px 20px;
}

#content td {
	padding:4px 10px 4px 0;
}

#content td.tableHeading {
	border-bottom:solid 2px #ddd;
	font-size:14px;
}
*/
/*..... main content .....*/
#mainContent {
  float:left;
  display:inline;
  width:600px;
}

#mainImage {
  display:block;
  padding:1px 0 1px 0;
  margin:0 0 30px 20px;
  border-top:5px solid #69673A;
  border-bottom:3px solid #822206;
  height:200px;
}

#mainImageSide {
  display:block;
  padding:1px 0 1px 0;
  margin:0 0 30px 20px;
  border-top:5px solid #69673A;
  border-bottom:3px solid #822206;
  height:170px;
	float:right;
}

#mainContent #mainImage + p {
  font-size: 12px;
  /*color: #69673A;*/
  margin-bottom: 20px;
}

#mainContent em {
	font-style:italic;
}

#mainContent p + ul {
  margin-top: 12px;
  margin-bottom: 16px;
}

#mainContent a {
  color: #69673A;
  text-decoration: none;
  border-bottom: 1px solid #bdbca2;
}

#mainContent a:hover {
  color: #69673A;
  background: #f4f5ed;
  border-bottom: 1px solid #69673A;
  text-decoration: none;
}

#mainContent ul {
  margin-top:10px;
}

#mainContent ul li {
  padding:0 0 4px 16px;
  background:   url(../images/li_bullet.gif) no-repeat 3px 5px;
}

#content #mainContent p, #content #mainContent h3, #content #mainContent h4, #content #mainContent ul{
margin-left: 20px;
}

#mainContent p {
  margin: 10px 0 10px 0;
}

#mainContent h3 {
  color: #a24124;
  margin: 16px 0 -2px 0;
  text-transform: uppercase;
}

#mainContent h4 {
  color: #ACACAC;
  margin: -6px 0 10px 0;
}

.eventsCal01, .eventsCal02 {
  background: #F8F8F8;
  margin:0 0 0 20px;
  padding:16px;
  border-left:solid 1px #BC5B1B;
}

.eventsCal02 {
  border-left:solid 1px #999;
}

.eventsCal02 {
  background: transparent;
}

.eventsCal01:hover, .eventsCal02:hover {
  background: #F0F0EC;
}

.eventsCal01:hover strong, .eventsCal02:hover strong {
  color: #3A3A3A;
}

#mainContent .eventsCal01:hover a, #mainContent .eventsCal02:hover a {
  color: #55532F;
}

#mainContent .eventsCal01 a:hover, #mainContent .eventsCal02 a:hover {
  background: #fff;
}

#mainContent .p_bottom_border {
  border-bottom: 1px solid #ccc;
  padding-bottom: 14px;
  margin-bottom: 16px;
}

/*..... sitemap .....*/

#content ul#sitemap01 {
  margin-left: 20px;
  width: 236px;
}

#content ul#sitemap01 ul, #content ul#sitemap02 ul{
  margin-left: 4px;
}

ul#sitemap01 li, ul#sitemap02 li{
  margin-top: 14px;
  background: none;
}

ul#sitemap01 li li, ul#sitemap02 li li{
  padding: 2px 0;
  margin: 0;
  text-indent: 6px;
}

ul#sitemap01 li a, ul#sitemap02 li a {
  color: #a24124;
  text-decoration: none;
  font-weight: bold;
  border: none;
}

ul#sitemap01 li a:hover, ul#sitemap02 li a:hover {
  color: #cf9989;
  border: none;
  background: #fff;
}

ul#sitemap01 li li a, ul#sitemap02 li li a {
  font-weight: normal;
}

#sitemap01 {
  float: left;
  display: inline;
  background:   url(../images/map.gif) no-repeat right center;
}

#sitemap02 {
  float: right;
  display: inline;
  margin-right: 90px;
}

/*..... sub content .....*/
#subContent {
  float:right;
  display:inline;
  min-height: 200px;
	height:auto !important;
	height: 200px;
  width:280px;
  background:  url(../images/subContent_top.gif) no-repeat 0 0;
}

#subContent h4 {
  font-size:13px;
  font-weight:bold;
  color:#828282;
  margin:25px 25px 6px 25px;
}

#subContentNav {
    margin:0 25px 25px;
}

#subContentNav li a {
    display:block;
    height:44px;
    line-height:44px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    text-decoration:none;
    color: #7d7d7d;
}

#subContentNav li a:hover {
  color: #989A99;
}

#subContentNav li .first, #subContentNav li .last {
  border: none;
  border-top:1px solid #fff;
}

#subContentNav li .first{
  border: none;
  border-bottom: 1px solid #ccc;
}

/* FOOTER ********************************************************************/

#footer {
  width:900px;
  height:40px;
  padding:20px 20px 60px;
  clear:both;
  background:#323228;
  color:#828268;
  border-top: 40px solid #fff;
}

#footerContent {
  width:898px;
  height:3.3em;
  border:1px solid #4F5040;
  background:#3D3D31;
}

p#footerLinks {
  float:left;
  display:inline;
  margin-left:10px;
}

p#copyright {
  float:right;
   line-height:40px;
  padding:0 10px;
}

#footerContent a {
  color:#828268;
  text-decoration:none;
  line-height:40px;
  padding:0 10px;
}

#footerContent a:hover {
  color:#9B9B81;
}

#footerContent #wallop {
  width:46px;
  height:17px;
  line-height:17px;
  background:  url(../images/wallop2.gif) no-repeat left;
  float:right;
  margin:12px 16px 0 10px;
  padding:0;
  text-indent:-9999px;
}

#footerContent #wallop:hover {
  background:  url(../images/wallop2.gif) no-repeat right;
}
.cotetd {
	border-right-style: double;
	border-left-style: double;
	border-right-color: #822206;
	border-left-color: #822206;
}