/* ----------------------------------------------------------------------------------------- // BASE */
* {
	margin:0;
	padding:0;
	border: 0;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none; 
}
table{
	border-collapse:collapse; 
	border-spacing:0; 
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #868A8A;
}
b, strong{ font-weight: bold; font-size: 10px; }
i, em{ font-style: italic; }
u{ text-decoration: underline; }

/* ----------------------------------------------------------------------------------------- // GENERAL */
body{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8A8A8A;
	background: #1E1E1E url(../images/img-fondsite.jpg) repeat left top;
}
div.pano{
	text-align: center;
}

h1{
	padding: 4px 10px 0 0px;
	color:#B4939E;
	height:25px;
	font-family: "Century Gothic", Geneva, sans-serif;
	font-size: 17px;
	margin-bottom:5px;
}

h2{ color: #B4939E; font-family: "Century Gothic", Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: none; padding-bottom: 1px; }
h3{ background-color: #EEE9E6; color: #B4939E; font-family: "Century Gothic", Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: bold; padding: 2px 3px 2px 3px; margin:0; }
h4{ color: #B4939E; font-family: "Tahoma", Geneva, sans-serif; font-size: 11px; padding-bottom: 4px; }
h5{ color: #B4939E; font-family: "Tahoma", Geneva, sans-serif; font-size: 10px; padding-bottom: 3px; }
h6{ color: #B4939E; font-family: "Tahoma", Geneva, sans-serif; font-size: 9px; padding-bottom: 2px; }

a{ color: #B4939E; font-family: "Century Gothic", Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; }
a:hover{ text-decoration: underline; }

#blc-conteneur{
	margin: 15px auto;
	text-align: left;
	width: 837px;
}

#blc-content{
	background: #F2EFE6 url(../images/img-fondsite.gif) repeat-y left top;
	clear: both;
}
div.page-annexe #blc-content, div.phototheque #blc-content{ background: #F2EFE6 url(../images/img-fondsite2.gif) repeat-y left top; }

div.sep-both, div#blc-endphoto{
	clear: both;
	height: 0;
}

label{
	font-family: "Century Gothic", Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #989898;
}

input, select, textarea{
	border: 1px solid #DED6C0;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #937E7E;
	padding: 2px 2px 2px 2px;
}

/* ----------------------------------------------------------------------------------------- // HEADER */
#hotel-name{ margin-left: 140px; }
#blc-localisation{ float: right; }
#blc-localisation ul{ margin-top: 25px; }
#blc-localisation li{
	list-style: none;
	display: inline;
	padding-left: 5px;
}

/* ----------------------------------------------------------------------------------------- // LEFT SIDEBAR */
#blc-leftbar{ width: 137px; }

#hotel-logo{
	display:block;
	padding-top: 5px;
	text-align: center;
}

#blc-contact-info{
	background-color: transparent;
	padding: 0px 0 0px 0;
	text-align: center;
}

div.blc-menu ul{ margin: 10px 0 8px 0; }
div.blc-menu li{ list-style: none; }
div.blc-menu li a{
	display: block;
	padding: 3px 0 1px 15px;
	font-size: 9 px;
	color: #D8770D;
}
*+html div.blc-menu ul{ margin: 12px 0 11px 0; }
*+html div.blc-menu li a{
	display: block;
	padding: 5px 0 5px 15px;
}
div.blc-menu li a:hover {
font-size : 9 px;
text-decoration:none;
color: #FFFFFF;

}/*

----------------------------------------------------------------------------------------- // CONTENT */
div.home a{ font-size: 11px; }
div.home div.blc-flash{ background-color: #F2EFE6; }
div.home div.mea-01{
font-size: 12px;
padding-bottom: 25 px;
}

div.home h4 {}


#d-resa-title h2{
	background-color:#655549;
	padding:6px 0 4px;
	text-align:center;
}

div.home #blc-reservation #d-resa-title{
	position:absolute;
	margin-top:-35px;
	width:323px;
}

#d-resa-title h2{
	text-align: center;
	padding: 6px 0 4px 0;
	font-family: "Century Gothic",Tahoma, Geneva, sans-serif;
	font-size:15px;
	font-weight:normal;
	border-bottom: 4px solid #D8770D;
	color: #FFFFFF;
}



div.home #inc-article ul li {background: none;}
div.home h5 a{
color:#71675E;
font-family:"Georgia";
font-size:22px;
padding-bottom:10px;
}

.mea-01{
	color: #43403B;
}
div.home div.mea-01{
	font-size: 12px;
	padding-bottom: 25px;
}
div.home div.mea-01 a, #inc-reference p.mea-02 a{
	padding-left: 15px;
	background: transparent url(../images/puce-plus-lien.gif) no-repeat left 3px;
}
#blc-reservation div.mea-01{ padding-bottom: 0px; }

div.home h1, div.phototheque h1{ }
div.home #blc-body p{ margin: 5px 0 0 0; }

div.page #blc-article h2, div.page-annexe #blc-article h2{}

#blc-rightbar{
	width: 700px;
	float: right;
}

#blc-body{
	width: 337px;
	padding: 10px 0 10px 0;
	margin: 0 20px 0 20px;
}
*+html #blc-body{
	float: right;
	width: 337px;
}
#blc-body ul, #blc-body ol{
	list-style: none;
}
#blc-body ul li{
	list-style: none;
	padding: 0 0 0 8px;
	background: transparent url(../images/puce-ul-li.gif) no-repeat left 8px;
}
#blc-body #inc-reference{
	padding-top: 10px;
}
#inc-reference ul li{
	padding: 0;
	background: 0;
}
#blc-body ol{
	margin-top: 10px;
}
#blc-body ol li{
	padding: 0 30px 0 15px;
	background: transparent url(../images/puce-plus-lien.gif) no-repeat left 3px;
}
div.reference #blc-body{
	width: 337px;
	padding: 10px 0 10px 0;
}
div.page-annexe #blc-body{
	width: 550px;
	padding: 10px 0 10px 0;
}

div.phototheque #blc-body-all{
	width: 680px;
	padding: 10px 0 10px 20px;
}
div.phototheque #blc-body-all .mea-01{
	margin-top: 10px;
}

#blc-body #blc-article{ margin: 0 0 3px 0; padding-top: 10px; padding-right: 0px; }

#mea-newsletter a{
	color: #7C7B76;
	font-size: 12px;
	padding: 10px 0 0 30px;
	background: transparent url(../images/ico-newsletter.gif) no-repeat left 5px;
	display: block;
	margin-top: 10px;
}

div.page dt{
	color: #B79CA3;
	font-size: 16px;
	text-transform: uppercase;
}
div.page dd{ padding: 5px 0 15px 0; }

div.page dd ol{ margin-top: 10px; }
div.page dd ol li{
	list-style: none;
	display:inline;
}
div.page dd ol li a, div.reference #inc-reference p.pti-03 a{
	color: #999999;
	font-weight: bold;
	padding: 0 30px 0 15px;
	background: transparent url(../images/puce-plus-lien.gif) no-repeat left 3px;
}
div.page dd ul li, div.reference #inc-reference ul ul li, div.my-reference div ul li, #blc-plansite dd ul li{
	list-style: none;
	padding: 0 0 0 8px;
	background: transparent url(../images/puce-ul-li.gif) no-repeat left 8px;
}

div.page div.mea-01, div.page div.mea-02, div.page div.mea-03, div.page-annexe div.mea-01{ padding: 0 0 10px 0; }

/* ----------------------------------------------------------------------------------------- // CONTENT - SITEMAP */
#blc-plansite{ padding: 15px 0 15px 0; }
#blc-plansite dt a{ font-size: 13px; }
#blc-plansite dd a{ font-size: 12px; }

/* ----------------------------------------------------------------------------------------- // CONTENT - REFERENCE */
#inc-reference h4{
	font-size: 18px;
	color: #D89954;
	background-color: #71675E;
	width: 100px;
	padding:0;
	margin-left: 6px;
	text-transform: uppercase;
	text-align: center;
}
#inc-reference ul{
	border-top: 1px solid #D3D3CB;
	border-bottom: 1px solid #D3D3CB;
	color: #646061;
	padding: 3px 10px 3px 10px;
	background-color: #EEEAE1;
}
#inc-reference ul li{
	list-style: none;
	padding: 3px 0 3px 0;
}
#inc-reference a{
	color: #646061;
	font-size: 12px;
}
#inc-reference p.mea-02{ margin: 5px 10px 0 10px; }
#inc-reference p.mea-02 a{ color: #A5A19E; }

#inc-reference span.date-item{ display: none; }
#inc-reference span.telephone-item, div.my-reference span.telephone-item{
	float:right;
	color: #7B7873;
	font-size: 12px;
}

div.reference #inc-reference h4{ display: none; }
div.reference #inc-reference ul{
	border: 0;
	background: none;
	color: #8A8A8A;
	padding: 15px 0 0 0;
}
div.reference #inc-reference ul li{ padding: 15px 0 0 0; }
div.reference #inc-reference ul ul{ padding: 0; }

div.reference #inc-reference h2,
div.reference #inc-reference h5, 
div.my-reference h2{
	text-transform: uppercase;
	color: #D89954;
	background-color: #71675E;
	font-size: 14px;
	padding: 2px 3px 2px 3px;
	margin:0;
}
div.reference #inc-reference h2 span.telephone-item,
div.reference #inc-reference h5 span.telephone-item, 
div.my-reference h2 span.telephone-item{
	text-transform: uppercase;
	font-size: 14px;
	color: #F1F1F0;
}
div.reference #inc-reference h2 a,
div.reference #inc-reference h5 a{
	color: #645F59;
}
div.reference #inc-reference div.accroche-item{ padding: 6px; }
div.reference #inc-reference p.pti-03{
	margin-left: 6px;
	border-bottom: 1px dashed #D9D7D0;
	padding-bottom: 15px;
}

div.my-reference p.date-item{ display: none; }
div.my-reference #d-resa-title{ padding-bottom: 1px; }
div.my-reference #form-reservation{ border-bottom: 1px solid #B18E9A; }

div.my-reference p.pti-04{
	padding: 15px 0 15px 0;
	text-align: right;
}
div.my-reference p.pti-04 a{
	color: #999999;
	font-weight: bold;
}

div.my-reference div.mea-00, div.my-reference div.mea-02, div.my-reference div.mea-03{ padding: 6px; }
div.my-reference div.mea-02{
	margin: 15px 0 15px 0;
	background-color: #E8E4D8;
}
div.my-reference div.mea-03 p{ font-style: italic; }
div.my-reference div.mea-03{ padding-bottom: 15px; }

/* ----------------------------------------------------------------------------------------- // CONTENT - RESERVATION */
#d-resa-link h1{ display: none; }
#d-resa-link p a{
	background: none;
	padding: 0;
	font-size: 10px;
	color: #A59D9B;
}

#blc-resa{
	float: right;
	width: 323px;
}
div.page-annexe #blc-resa{ width: 102px; }
#blc-image img{ display: block; }

#form-reservation{ padding: 10px 57px 10px 45px; }
#blc-resa p, div.my-reference #form-reservation p{
	clear: left;
	padding: 4px 0 4px 0;
}


#d-resa-title h3{
	text-align: center;
	padding: 6px 0 4px 0;
	background-color: #71675E;
}

div.reference #blc-body #d-resa-title{ border-top: 1px solid #B18E9A; }
div.page #d-resa-title h3, div.reference #blc-resa #d-resa-title h3{ border-bottom: 6px solid #B1C800; }

#p-resa-date label{
	display: block;
	padding-bottom: 8px;
}
#fday, #nbnights, #numadult{ width: 45px; }
#fmonth{ width: 80px; margin-left: 5px; }
#fyear{ width: 60px; margin-left: 5px; }
#p-resa-date img{
	margin-left: 5px;
	vertical-align: top;
}

#p-resa-nuit label, #p-resa-invite label, #p-resa-promocode label{
	width: 100px;
	display: block;
	padding-top: 5px;
}
#p-resa-nuit select, #p-resa-invite select, #p-resa-promocode input{ float: right; }

p#p-resa-submit{
	padding-top: 10px;
	text-align: right;
}

#d-resa-link{
	margin: 0 8px 0 8px;
	padding: 10px 0 10px 0; 
	border-top: 1px solid #E5DECC;
}
#d-resa-link p{
	padding: 5px 20px 0 40px; 
}

/* ----------------------------------------------------------------------------------------- // CONTENT - CONTACT */
#blc-fcontact{ padding: 15px 0 15px 0; }

#blc-fcontact p.field, #blc-fseminaire p.field{
	clear: left;
	padding: 4px 0 4px 0;
}
p.fieldsafe{
	display: none;
}

#blc-fcontact p label, #blc-fseminaire p label{
	width: 200px;
	display: block;
	padding: 4px 0 4px 0;
	float: left;
}
#blc-fcontact p input, #blc-fseminaire p input{
	float: left;
	width: 230px;
}
#blc-fcontact p select, #blc-fseminaire p select{
	float: left;
	width: 237px;
}
#blc-fcontact p textarea, #blc-fseminaire p textarea{ width: 430px; }

#blc-fcontact div.fc-message label{ padding-bottom: 4px; }

label.chp-obligatoire{ font-weight: bold; }

#blc-fcontact p label.ibox input, #blc-fseminaire p label.ibox input{ width: 15px; margin-right: 5px; border: none; }
#blc-fcontact p label.ibox, #blc-fseminaire p label.ibox{ width: 430px; }

p.bloc-erreur{
	color: #900;
	padding-bottom: 15px;
}
p.chp-erreur label{ color: #900; }
p.bloc-ok{
	color: #060;
	padding-bottom: 15px;
	text-align: center;
}

#bt-fcontact input, #bt-fseminaire input{
	margin: 15px 0 15px 0;
	padding: 2px 4px 2px 4px;
	color: #FFF;
	background-color: #71675E;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #BDC6C5;
	float: none;
}


#blc-fseminaire div.fs-comment p label{ width: 470px; }
#blc-fseminaire div.mea-02{ padding-top: 10px; }
#blc-fseminaire p.bloc-erreur, #blc-fseminaire p.bloc-ok{ padding: 10px 0 10px 0; }

/* ----------------------------------------------------------------------------------------- // CONTENT - PHOTO */
div.phototheque #blc-phototheque{ padding: 20px 0 20px 0; }

div.phototheque #blc-loading{
	position: absolute;
	display: block;
	background-color: #333;
	opacity: 0.6;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #FFF;
	padding: 2px 4px 2px 4px;
}

div.phototheque #blc-photo div.blc-prev, div.phototheque #blc-photo div.blc-next{
	width: 20px;
	height: 300px;
	float:left;
	text-align: center;
}
div.phototheque #blc-photo div.blc-prev img, div.phototheque #blc-photo div.blc-next img{ margin-top: 140px; }
div.phototheque #blc-photo div.blc-show{
	float: left;
	width: 436px;
	height: 300px;
	text-align: center;
}

div.phototheque #blc-photo #blc-title h1{
	display: block;
	clear: both;
	padding: 5px 20px 0 20px;
	text-align: center;
	color : #999;
}
div.phototheque #blc-photo #blc-title div{
	color: #999;
}
div.phototheque #blc-photo #blc-title h1 a{
	font-size: 14px;
	text-transform: uppercase;
	color : #999;
}

div.phototheque #blc-photo{
	float: left;
	width: 476px;
}
div.phototheque #blc-listphoto{
	float: left;
	margin-left: 20px;
	width: 184px;
}
div.phototheque #blc-listphoto div.blc-show{
	height: 264px;
	overflow: hidden;
	padding: 5px 30px 5px 30px;
}
div.phototheque #blc-listphoto div.blc-prev, div.phototheque #blc-listphoto div.blc-next{
	margin: 5px 0 5px 0;
	text-align: center;
}
div.phototheque #blc-listphoto li{
	list-style: none;
	float: left;
	width: 60px;
	height: 45px;
	text-align: center;
	margin: 1px 1px 0 1px;
	background-color: #EFE0E4;
}
div.phototheque #blc-listphoto li a{ display: block; }

/* ----------------------------------------------------------------------------------------- // HEADER */
#blc-footer{
	clear: both;
	text-align: left;
	margin: 10px 0 10px 0;
	font-size:10px;
	color:#e6e6e6;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}
#blc-footer span.logo-footer{
	float: right;
	margin-left: 10px;

}
#blc-footer a{
	color: #e6e6e6;
	font-size:10px;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}
div.page-annexe div.mea-03{
	padding-bottom: 0px;
	margin-bottom: 0;
}
div.page-annexe #blc-article{
	padding-bottom: 0;
	margin-bottom: 0;
}




