/** GENERIC **/

body {
	margin: 0 auto;
	padding: 0;
	background-color: #cbeaf6;
}

.clearer {
	clear: both;
	overflow: hidden;
	height: 0;
}

#container {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

#portail {
	background: url('../images/portail/bg.jpg') no-repeat scroll 0px 30px;
	width: 915px;
	margin: 0 auto;
	position: relative;	
	height: 768px;
}

#portail #text {
	position: absolute;
	top: 420px;
	left: 50px;
	width: 800px;
	height: 100px;
}

#portail #fr {
	margin-right: 130px;
	float: left;
	margin-top: 21px;
	font-size: 14px;
}
#portail #fr a, #portail #en a {
	color: #656565;
	font-family: Times;
}

#portail #en {
	float: left;
	margin-top: 21px;
	font-size: 14px;
}
#portail #text #center {
	float: left;
	color: #656565;
	font-family: Times;
	font-size: 13px;
	margin-right: 150px;
	text-align: center;
	width: 340px;
	margin-top: 20px;
}
#portail #text #center h1 {
	color: #01375c;
	font-family: Times;
	font-size: 19px;
}
#portail #text #center a {
	color: #656565;
	font-family: Times;
	font-size: 13px;
	text-decoration: none;
}

a img {
	border: none;
}

a {
	outline: none;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

p.gris {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
}

.box-left {
	width: 450px;
	margin-top: 20px;
	float: left;
}

.box-left-no-margin {
	width: 450px;
	float: left;
}


.box-right {
	width: 430px;
	margin-top: 35px;
	float: right;
}

h1.main-title {
	font-size: 24px;
	font-family: Georgia;
	color: #2eaadc;
}

h2.main-title {
	font-size: 12px;
	font-family: Arial;
	color: #002a54;
}

h3.main-title {
	font-size: 18px;
	font-family: Georgia;;
	color: #00365b;
}

p.main-text {
	font-size: 12px;
	font-family: Arial;
	color: #5a5a5a;
	text-align: justify;
}

.longue-separation {
	height: 35px;
	width: 989px;
	background: url('../images/generic/longue-separation.gif')  no-repeat;
}

.petite-separation {
	height: 35px;
	width: 468px;
	background: url('../images/generic/petite-separation.gif')  no-repeat;
}

.long-titre {
	font-family: Georgia;
	font-size: 20px;
	color: #2eaadc;
	height: 24px;
	line-height: 34px;
	width: 320px;		
}

.tres-long-titre {
	font-family: Georgia;
	font-size: 20px;
	color: #2eaadc;
	height: 24px;
	line-height: 34px;
	width: 540px;				
}

.long-sous-titre {
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	height: 24px;
	line-height: 34px;
}	

p.long-sous-titre {
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	font-weight: bold;
	height: 40px;
	line-height: 15px;
}	

p.long-sous-titre-tarif {
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	font-weight: normal;
	height: 40px;
	line-height: 15px;
}	

ul.mds {
  list-style-type: none;
}

ul.mds li {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 440px;
	margin-left: 22px;
	padding-left: 15px;
	background-image: url('../images/generic/puce.gif');
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}

ul.mds2 {
  list-style-type: none;
  margin-left: 0px;
}

ul.mds2 li {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	margin-left: 22px;
	padding-left: 15px;
	background-image: url('../images/generic/puce.gif');
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}

ul.mds-big li {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	list-style-image: url('../images/generic/puce.gif');
	width: 440px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 60px;
}

a.mootools {
	text-decoration: none;
}

p.encart-conditions {
	margin-left: 145px;
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 360px;
	text-align: justify;
	font-style: italic;
}

.italic {
	font-style: italic;
}

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

/** HEADER **/

#header {
	width: 1024px;
	height: 140px;
	background-image: url('../images/generic/header.jpg');
	background-repeat: no-repeat;
}

#content {
	width: 964px;
	padding-left: 25px;
	padding-right: 35px;
	background-image: url('../images/generic/header-bg.jpg');
	background-repeat: repeat-x;
	float: left;
	background-color: #ffffff;
	border:none;
}



#logo {
	margin-left: 140px;
	margin-top: 10px;
	float: left;
}

#flag-container {
	margin-right: 30px;
	margin-top: 15px;
	float: right;
}

.flag {
	margin-right: 10px;
	float: right;
}

.flag-link {
	float: right;
	margin-top: 3px;
	color: #003762;
	font-family: Arial;
	font-size: 11px;
}

#breadcrumb {
	color: #00365b;
	font-size: 14px;
	font-style: italic;
	font-family: Georgia;
	margin-left: 5px;
	margin-top: 10px;
}

a.breadcrumb:link {
	color: #00365b;
	text-decoration: none;
}

a.breadcrumb:visited {
	color: #00365b;
	text-decoration: none;
}

a.breadcrumb:hover {
	color: #00365b;
	text-decoration: underline;
}

a.breadcrumb:active {
	color: #00365b;
	text-decoration: none;
}

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

/** STICKER **/

#sticker {
	position: absolute;
	top: 95px;
	left: 800px;
	z-index: 10000;	
}



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

/** CHAMBRES **/

.box-chambres {
	width: 460px;
}

.box-chambres-accueil {
	width: 470px;
}

.chambre {
	min-height: 115px;
}

.chambre-titre {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Georgia;
	font-size: 18px;
	color: #2eaadc;
	height: 24px;
	line-height: 34px;
	width: 220px;
}	

.chambre-titre-simple {
	font-family: Georgia;
	font-size: 18px;
	color: #2eaadc;
	height: 24px;
	line-height: 34px;
	width: 220px;
}	

.chambre-sous-titre {
	font-family: Arial;
	font-size: 12px;
	color: #002a54;
	width: 235px;
}

.chambre-sous-titre-long {
	font-family: Arial;
	font-size: 12px;
	color: #002a54;
}

.chambre-description {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 235px;
	text-align: left;
}

.chambre-description-g {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 235px;
	text-align: left;
}

.chambre-description-simple {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 500px;
	text-align: justify;
}

.chambre-description-simple-error {
	color: #d82727;
	font-family: Arial;
	font-size: 12px;
	width: 500px;
	text-align: justify;
	font-weight: bold;
}

.chambre-image {
	margin-top: 20px;
}

a.chambre:link {
	color: #2eaadc;
	text-decoration: none;
}

a.chambre:visited {
	color: #2eaadc;
	text-decoration: none;
}

a.chambre:hover {
	color: #00365b;
	text-decoration: underline;
}

a.chambre:active {
	color: #002a54;
	text-decoration: none;
}

a.visitez:link {
	color: #002a54;
	text-decoration: none;
}

a.visitez:visited {
	color: #002a54;
	text-decoration: none;
}

a.visitez:hover {
	color: #002a54;
	text-decoration: underline;
}

a.visitez:active {
	color: #2eaadc;
	text-decoration: none;
}

#precedent {
	float: left;
	margin-top: 20px;
	font-family: Arial;
	font-size: 13px;
}

#precedent a:link {
	color: #002a54;
	text-decoration: none;
}

#precedent a:visited {
	color: #002a54;
	text-decoration: none;
}

#precedent a:hover {
	color: #002a54;
	text-decoration: underline;
}

#precedent a:active {
	color: #2eaadc;
	text-decoration: none;
}

#suivant {
	float: right;
	margin-top: 20px;
	font-family: Arial;
	font-size: 13px;
}

#suivant a:link {
	color: #002a54;
	text-decoration: none;
}

#suivant a:visited {
	color: #002a54;
	text-decoration: none;
}

#suivant a:hover {
	color: #002a54;
	text-decoration: underline;
}

#suivant a:active {
	color: #2eaadc;
	text-decoration: none;
}


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

/** DISPONIBILITE **/

.content-calendrier-chambre {
/* width: 550px; */	
float: left;
}	

.chambre-titre-calendrier {
	font-family: Georgia !important;
	font-size: 12pt !important;
	color: #00365b !important;
	height: 24px;
	line-height: 28px;
	width: 220px;
	margin-bottom : 0px;
	font-weight: bold;
}

.main-title-calendrier
{
	font-family: Helvetica;
	font-size: 11px;
	color: #5a5a5a;;
	height: 24px;
	line-height:24px;
	font-style : italic; 
	margin-top:0px;	
}

.lien-suiv-calendrier
{
	width:16px;
	height:21px;
	background: url("../images/chambres/calendrier/rond-gris.png") no-repeat;	
}

.lien-suiv-calendrier:HOVER
{
	background: url("../images/chambres/calendrier/rond-bleu.png") no-repeat;	
}

.chambre-calendrier-content-lien-droite, .chambre-calendrier-content-lien-gauche
{
	width:23px;	
	margin-top: 135px;
}

.chambre-calendrier-content
{
	border: solid black 0px;
	width: 497px;
	height:380px;
}	

.chambre-calendrier-content-lien-droite a
{
	text-decoration: none;
	padding-top:3px;
	padding-left:9px;
	display:block;
	color:white;	
}

.chambre-calendrier-content-lien-gauche a
{
	text-decoration: none;
	padding-top:3px;
	padding-left:7px;
	display:block;
	color:white;	
}
/**************************/

/** GALERIE **/

#galerie {
	float: right;
	margin-left: 83px;
	margin-top: 153px;
}

#galerie2 {
	float: right;
	margin-left: 83px;
	margin-top: 0px;
}

#galerie3 {
	float: right;
	margin-left: 83px;
	margin-top: 133px;
}

#galerie4 {
	float: right;
	margin-top: 95px;
}

.galerie5 {
	float: right;
	margin-top: 20px;
}

#galerie6 {
	float: right;
	margin-top: 40px;
}

.galerie6 {
	float: right;
	margin-top: 40px;
}


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

/** VILLA **/

.villa-titre {
	font-family: Georgia;
	font-size: 20px;
	color: #2eaadc;
	height: 24px;
	line-height: 34px;
	width: 230px;		
}

.villa-sous-titre {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	height: 24px;
	line-height: 34px;
}	

.box-right-villa {
	width: 450px;
	margin-top: 35px;
	float: right;
}

.box-right-villa2 {
	width: 450px;
	float: right;
}


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

/** BIEN ETRE **/

#entete-sauna {
	float:left;
	width: 500px;
	height: 110px;
	margin-top: 35px;
}

#entete-sauna img {
	margin-left: 28px;
	margin-top: 10px;
}

.box-sauna {
	width: 450px;
	float: left;
}

.bienetre-titre {
	font-family: Georgia;
	font-size: 20px;
	color: #2eaadc;
	height: 24px;
	line-height: 34px;
	width: 250px;		
}

.villa-sous-titre {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	height: 24px;
	line-height: 34px;
}	

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

/** REGLEMENT INTERIEUR **/

.reglement {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 480px;
	text-align: justify;
}

.reglement strong {
	color: #00365b;
	font-weight: bold;
}

ol.reglement li {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	list-style: none;
	width: 440px;
}

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

/** SOINS **/

h3.soins {
	font-family: Arial;
	font-size: 12px;
	color: #00365b;
	margin: 0px 0px 0px 35px;
	padding: 0px;
}

h2.soins-toggle {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	height: 24px;
	line-height: 34px;
	float: left;
}

h4.soins-toggle {
	font-family: Arial;
	font-size: 12px;
	color: #2eaadc;
	font-style: italic;
	margin: 0px 0px 0px 35px;
	padding: 0px;
	float: left;
}

img.toggle {
	margin-top: 2px;
	margin-left: 4px;
	width: 14px;
	height: 13px;
	float: left;
}

img.toggle2 {
	margin-top: 21px;
	margin-left: 4px;
	width: 14px;
	height: 13px;
	float: left;
}

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

/** MONTPELLIER-LINKS **/

div.montpellier-links {
	float: right;
	margin-left: 100px;
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 410px;
	text-align: justify;
}

div.montpellier-col1 {
	float: left;
	width: 170px;
}

div.montpellier-col2 {
	float: left;
	width: 220px;
}

a.montpellier-links:link {
	color: #2eaadc;
	text-decoration: none;
}

a.montpellier-links:visited {
	color: #2eaadc;
	text-decoration: none;
}

a.montpellier-links:hover {
	color: #5a5a5a;
	text-decoration: underline;
}

a.montpellier-links:active {
	color: #2eaadc;
	text-decoration: none;
}

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

/** BON-PLANS-LINKS **/

div.bons-plans-links {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 410px;
	text-align: justify;
}

div.bons-plans-col1 {
	margin-top: 125px;
}

div.bons-plans-col2 {
	float: left;
	width: 300px;
}

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

/** PARTENAIRES **/

p.partenaires {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 300px;
	text-align: justify;
	float: left; 
}

img.partenaires {
	float: right;
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
}

a.partenaires:link {
	color: #00365b;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

a.partenaires:visited {
	font-family: Arial;
	color: #00365b;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

a.partenaires:hover {
	font-family: Arial;
	color: #5a5a5a;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

a.partenaires:active {
	font-family: Arial;
	color: #00365b;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
	
/**************************/

/** CONTACT **/

.box-contact {
	width: 480px;
	margin-top: 20px;
	float: left;
}

#contact {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
}

label.contact-top {
	width: 100px;
	margin-left: 30px;
}

input.contact-top {
	width: 160px;
	margin-left: 30px;
}

input.contact-top-error {
	width: 160px;
	height: 17px;
	margin-left: 30px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-color: #d82727;
	border-right-color:	#d82727;
	border-bottom-color: #d82727;
	border-left-color: #d82727;
	border-top-style: inset;
	border-right-style:	inset;
	border-bottom-style: inset;
	border-left-style: inset;
}

input.contact-long {
	width: 470px;
}

input.contact-long-error {
	width: 470px;
	height: 17px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-color: #d82727;
	border-right-color:	#d82727;
	border-bottom-color: #d82727;
	border-left-color: #d82727;
	border-top-style: inset;
	border-right-style:	inset;
	border-bottom-style: inset;
	border-left-style: inset;	
}


label.contact-middle {
	width: 100px;
}

input.contact-middle-l {
	width: 222px;
	margin-right: 20px;
}

input.contact-middle-l-error {
	width: 222px;
	margin-right: 20px;
	height: 17px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-color: #d82727;
	border-right-color:	#d82727;
	border-bottom-color: #d82727;
	border-left-color: #d82727;
	border-top-style: inset;
	border-right-style:	inset;
	border-bottom-style: inset;
	border-left-style: inset;	
}

input.contact-middle-r {
	width: 222px;
}

input.contact-middle-r-error {
	width: 222px;
	height: 17px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-color: #d82727;
	border-right-color:	#d82727;
	border-bottom-color: #d82727;
	border-left-color: #d82727;
	border-top-style: inset;
	border-right-style:	inset;
	border-bottom-style: inset;
	border-left-style: inset;	
}

textarea.contact {
	width: 475px;
}

textarea.contact-error {
	width: 475px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-color: #d82727;
	border-right-color:	#d82727;
	border-bottom-color: #d82727;
	border-left-color: #d82727;
	border-top-style: inset;
	border-right-style:	inset;
	border-bottom-style: inset;
	border-left-style: inset;	
}

.contact-small-error {
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-color: #d82727;
	border-right-color:	#d82727;
	border-bottom-color: #d82727;
	border-left-color: #d82727;
	border-top-style: inset;
	border-right-style:	inset;
	border-bottom-style: inset;
	border-left-style: inset;		
}

label.newsletter {
	margin-top: 4px;
	margin-left: 5px;
	float: left;
}

.submit {
	float: right;
	margin-right: 40px;
}

.star {
	color: #00365b;
}

div.forfaits {
	float: right;
	margin-left: 100px;
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 380px;
	text-align: justify;
	margin-top: 60px;
}

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

/** PRE RESERVATION **/

form.reservation {
	color: #6d6d6d;
	font-family: Arial;
	font-size: 12px;
}

form.reservation input, select, textarea{
	color: #6d6d6d;
	font-family: Arial;
	font-size: 12px;
}


h2.reservation {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #5a5a5a;
	height: 24px;
	line-height: 34px;
	width: 200px;
}	

h2.reservation-error {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #d82727;
	height: 24px;
	line-height: 34px;
	width: 220px;
}	

h2.reservation-float {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #5a5a5a;
	height: 24px;
	line-height: 34px;
	width: 195px;
	float: left;
}	

h2.reservation-float-error {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #d82727;
	height: 24px;
	line-height: 34px;
	width: 195px;
	float: left;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-color: #d82727;
	border-right-color:	#d82727;
	border-bottom-color: #d82727;
	border-left-color: #d82727;
	border-top-style: inset;
	border-right-style:	inset;
	border-bottom-style: inset;
	border-left-style: inset;
}	

h2.reservation-long {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #5a5a5a;
	/*height: 24px;*/
	line-height: 34px;
	width: 400px;
}	

h2.reservation-long-error {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #d82727;
	height: 24px;
	line-height: 34px;
	width: 400px;
}	

select.reservation {
	float: left;
	margin-top: 16px;
}

input.date-error {
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-color: #d82727;
	border-right-color:	#d82727;
	border-bottom-color: #d82727;
	border-left-color: #d82727;
	border-top-style: inset;
	border-right-style:	inset;
	border-bottom-style: inset;
	border-left-style: inset;	
}

#saison {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 13px;
	width: 500px;
	text-align: justify;
}


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

/** BOTTOM **/

.box-bottom {
	width: 235px;
	float: left;
	margin-bottom: 35px;
}

.box-bottom h3 {
	font-family: Georgia;
	font-size: 18px;
	color: #2eaadc;	
	margin: 0px;
}

.box-bottom h4 {
	font-family: Arial;
	font-size: 12px;
	color: #002a54;	
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#encart-brochure {
	background-image: url('../images/bottom/brochure-bg.jpg');
	background-repeat: no-repeat;
	background-position: right;
	width: 210px;
	height: 151px;
}

#bt-brochure {
	margin-left: 35px;
	margin-top: 65px;
}

#encart-contact {
	background-image: url('../images/bottom/contact-bg.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	width: 225px;
	height: 151px;
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	
}

a.encart-contact:link {
	color: #5a5a5a;
	text-decoration: none;
}

a.encart-contact:visited {
	color: #5a5a5a;
	text-decoration: none;
}

a.encart-contact:hover {
	color: #00365b;
	text-decoration: underline;
}

a.encart-contact:active {
	color: #5a5a5a;
	text-decoration: none;
}

a.contact:link {
	color: #5a5a5a;
	text-decoration: none;
}

a.contact:visited {
	color: #5a5a5a;
	text-decoration: none;
}

a.contact:hover {
	color: #00365b;
	text-decoration: underline;
}

a.contact:active {
	color: #5a5a5a;
	text-decoration: none;
}

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

/** TARIFS**/

.box-tarif {
	width: 430px;
	margin-top: 20px;
	float: left;
}

p.saison {
	padding-left: 24px;
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	width: 200px;
	margin-top: 3px;
}

.tarif-sous-titre {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	height: 24px;
	line-height: 34px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}	

#tableau {
	border: 0px;
	float: right;
	margin-top: 75px;
}

#tableau td {
	border-top: 2px solid black;
	border-left: 2px solid black;
}

td.bordure-droite {
	border-right: 2px solid black;
}

td.bordure-bas {
	border-bottom: 2px solid black;
}

.tarif-entete {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	height: 25px;
	line-height: 14px;	
	width: 65px;
	font-weight: normal;
}

.tarif-chambre {
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	height: 5px;
	font-weight: normal;
}

.tarif-description-simple {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 370px;
	text-align: justify;
}

.capacite {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
}

.capacite2 {
	font-family: Arial;
	font-size: 12px;
	color: #003762;
	font-style: normal;
}

.prix:link {
	font-family: Arial;
	font-size: 18px;
	color: #003762;
	text-align: center;
	text-decoration: none;
}

.prix:visited {
	font-family: Arial;
	font-size: 18px;
	color: #003762;
	text-align: center;
	text-decoration: none;
}

.disponibilites {
	color: #5a5a5a;
	font-family: Arial;
	font-size: 12px;
	width: 390px;
	text-align: center;
}

#bt-tarif {
	float: right;
	margin-top: 71px;
	width: 42px;
}

.box-tarif-reservez {
	margin-top: 22px;
}

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

/** CALENDRIER **/

strong.mois {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: #002A54;
}
            
td.jours {
	font-family: Verdana;
	font-size: 10px;
	color: #5a5a5a;
	text-align: center;
}
            
table.mds-cal {
	border: 1px solid #000000;
	margin: 0px 5px 10px 0px;
	color: #5E5E5E;
	font-size: 11px;
	font-family: verdana,arial,sans-serif;
}
            
td.entete {
	background: url('../images/generic/fond-cal.gif') repeat-x;
}
			
			
.basse-saison {
	color: #000000;
	font-size: 9px;
	background-color: #cbeaf6;
 }
 
.moyenne-saison {
	text-decoration: none;
	font-size: 9px;
	background-color: #fef616;
}

.haute-saison { 
	text-decoration: none;
	font-size: 9px;
	background-color: #faa858;
}

.tres-haute-saison { 
	text-decoration: none;
	font-size: 9px;
	background-color: #fe4a0b;
}

.cal-bs {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #cbeaf6;
	height: 24px;
	line-height: 34px;
}	

.cal-ms {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #fef616;
	height: 24px;
	line-height: 34px;
}	

.cal-hs {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #faa858;
	height: 24px;
	line-height: 34px;
}	

.cal-ths {
	background-image: url('../images/generic/icon-palmier.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #fe4a0b;
	height: 24px;
	line-height: 34px;
}	


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

/** FOOTER **/

#footer {
	width: 1024px;
	height: 75px;
	background: url('../images/generic/footer.jpg') no-repeat;
	padding-top: 40px;
}

#footer dl {
	font-family: Arial;
	color: #2c2c2c;
	font-size: 11px;
	margin: 0px 50px 0px 50px; 
	float: left;
}

#footer dl a:link {
	color: #2c2c2c;
	text-decoration: none;
}

#footer dl a:visited {
	color: #2c2c2c;
	text-decoration: none;
}

#footer dl a:hover {
	text-decoration: underline;
}

#footer dl dt {
	font-weight: bold;
}

#footer dl dd {
	padding: 0px;
	margin: 0px;
}

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


/****** Calendrier CSS ****/

.calendrier td
{
	text-align : center;
	width:18px;
	font-size: 11px;
}

.calendrier td .numero
{
	padding:2px;	
	margin:0;
}		

.calendrier
{
	border: solid #cccccc 1px;
	padding: 5px;
	font-family:  Arial, Helvetica;
	font-size: 11px;
}	

.titremois
{
	font-weight: normal;
	font-size: 14px;	
}

.margeur-10
{
	margin-left: 10px;	
}

.margeur-b10
{
	margin-bottom: 10px;	
}

.treshaute_saison
{
 	background-color: #ee1900; 
}

.haute_saison
{
	background-color: #f47f24; 
}

.moyenne_saison
{
	background-color: #efb427; 
}

.basse_saison
{
	background-color: #5abd31; 
}

.non_disponible
{
	background-color: #cccccc; 
	text-decoration: line-through;
}

.basse_saison, .moyenne_saison, .haute_saison, .treshaute_saison
{
	color:white;
	font-size: 11px;
}

.information_calendrier
{
	background-color: #96f5ed;	
}

.grille_tarif
{
	float:left;
	margin-top : 74px;
}

.grille_tarif table
{	
	font-family: Helvetica;
	font-size: 11px;
	text-align : center;
	font-weight: bold;
}

.grille_tarif .basse_saison, .grille_tarif .moyenne_saison, .grille_tarif .haute_saison, .grille_tarif .treshaute_saison
{	
	color: white;
	font-size: 12px;
	font-weight: 500;
}

.grille_tarif .gris
{
	background-color: #cccccc; 
}

.grille_tarif td, .grille_tarif th
{
	padding-top: 2px;
	padding-bottom: 2px;
}	

.grille_tarif .not-center
{
	text-align: justify;	
	padding: 2px 5px;
}

.fs-11
{
	font-size: 11px;
}		

.grille_tarif .not-center-barre
{
	text-align: justify;	
	padding: 2px 5px;
	text-decoration: line-through;
}



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

/** Caroussel calendrier **/

/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;


}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;
	clear:both;
	/* this time we have very large space for the height */
	width:20000em;
}

.next, .prev
{
	cursor:pointer;	
}		
	
.items div
{
	float:left;	
	width:497px;
	
}

.disabled
{
	visibility: hidden;
}


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


#content-tab
{
	margin-top: 30px;	
}

#content-tab h1
{
	font-family: Georgia;
	font-size:16px;
	color: #2da9d8;	
	margin:0p;
}

#content-tab p
{
	font-family: Helvetica;
	font-size:12px;
}

.bt_reservation
{
	float:right;
	background: url('../images/chambres/bt-reservation.png');
	width:179px;
	height: 46px;	
	margin-top: 0px;
	text-decoration: none;
}

.bt_dispo-tarif
{
	float:right;
	background: url('../images/chambres/bt-dispo-tarif.png');
	width:219px;
	height: 48px;	
	margin-top: 0px;
	margin-right : 5px;
	text-decoration: none;
}

.align-pre-res
{
	margin-top: 16px;
	margin-left: 30px;
	font-size: 15px;
	font-family: Helvetica;
	color:white;	
	display:block;
}

.align-dispo-tarif
{
	margin-top: 10px;
	margin-left: 72px;
	font-size: 15px;
	font-family: Helvetica;
	color:white;	
	display:block;
}	

#container-boutons {
	margin-top:55px;
}

#container-boutons-2
{
	margin-top:65px;
	width: 410px;
	float: right;
}

#btn-bleu
{
	float:right;
	cursor: pointer;	
}

#btn-vert
{
	float: right;
	cursor: pointer;	
}	

.box-left-2
{
	width: 450px;
	float:left;	
}

.box-left-3
{
	width: 450px;
	float:left;	
	margin-top : 45px;
}	


.margeur-l15
{
	margin-left: 15px;
}


/** TARIF SCROLL **/

.scrollable2
{
	width:390px;
}

.items2{
	float:left;
}

.content-grille-tarif
{
	height: 310px;
	width:370px;
}

/* root element for scrollable items */
.scrollable .items2 {
	position:absolute;
	clear:both;
	/* this time we have very large space for the height */
	width:20000em;
}

.chambre-tarif-content-lien-droite, .chambre-tarif-content-lien-gauche {
margin-top:165px;
width:23px;
}

.chambre-tarif-content-lien-droite a {
color:white;
display:block;
padding-left:9px;
padding-top:3px;
text-decoration:none;
}

.chambre-tarif-content-lien-gauche a {
color:white;
display:block;
padding-left:7px;
padding-top:3px;
text-decoration:none;
}

.tarif-content
{
	margin-top:6px;
}