*{font-family: Arial, Helvetica, sans-serif;color:#000000;font-size:11px;}

html{
margin:0;
padding:0;
}

body {

padding:0;
background-color: #D3F2ED;
background-image: url(http://beenbiz.com/imagethesaurus/hds/ImageFond.jpg); 
background-repeat: repeat-x;
}

.conteneur{
position: relative;
margin-left: 145px;
margin-right: auto;
margin-bottom:0;
margin-top:0;
text-align: left;
background-color: #D3F2ED;
width:900px;
padding:5px;
}

#mainDIV{float:left;width:640px;padding:1px;}
#rightDIV{float:left;width:240px;}

/* **********************/
/* BLOC Home page */
/***********************/

.bloc_hp{
	float:left;
	margin-right:5px;
	margin-top:5px;
	width:140px;
	height:220px;
	text-align:center;
padding:3px;
border:1px solid #cccccc;
}
.bloc_titre{
	font-weight:bold;
	text-align:left;
height:25px;
}
.bloc_photo_texte{
	text-align:left;
	padding:2px;
	overflow:hidden;
}
.bloc_photo{
			text-align:center;
}
.bloc_photo_vide{
	text-align:center;
}

.bloc_photo_img{
	width:80px;
	height:80px;
	overflow:hidden;
	text-align:center;
}
.bloc_lien{text-align:left;clear:both;}

#onglet-hp1{padding-top:0px;margin-top:0px;}

.blocHebergement{float:left;width:200px;height:170px;padding-right:5px;}

.boutonMaSelectionOn{background-color:#cccccc;cursor:pointer;
text-align:center;
background-image:url(http://beenbiz.com/share/images/small-arrow-down.gif); background-repeat:no-repeat;background-position:center left;}
.boutonMaSelectionOff{background-color:#ccccff;cursor:pointer;text-align:center;
background-image:url(http://beenbiz.com/share/images/small-arrow-right.gif); background-repeat:no-repeat;background-position:center left;}

a.linkOn{background-image: url(http://beenbiz.com/share/images/small-arrow-down.gif); background-repeat:no-repeat;background-position:left;padding:12px;}
a.linkOff{background-image: url(http://beenbiz.com/share/images/small-arrow-right.gif); background-repeat:no-repeat;background-position:left;padding:12px;}

/* Menu */

.menu dt ,.menu li{
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
text-align: center;
}

.menu a{
font-weight: bold;
text-decoration: none;
font-size: 10px;
text-decoration: none;
color: #000000;
}

.menu a:hover {
color: 000000;
background-color:#CCCCCC ;
}


/* description hotel */

.nom-hotel{
font-size:18px;
font-weight:bold;
color: #1D1965;
}
.description-hotel{
font-size: 11px;
padding: 10px;
margin-top: 10px;
font-weight: bold;
width: 620px; 
text-align: justify;
}

.description-hotel:first-letter{font-size:300%;float:left}

.description-hotel1 {	
font-size: 11px;
padding-right: 20px;
margin-top: 10px;
text-align: justify;
}
.description-hotel2 {
font-size: 11px;
padding-right: 20px;
margin-top: 10px;
text-align: justify;
}
.legende_photo_hotel{
font-size: 10px;
font-style: italic;
font-weight: bold;
}

/* prestation hotel  */

.prestation-hotel {
border: solid 1px #CCCCCC;
margin-right: 5px;
width: 495px;
margin-top: 10px;
}

.prestation-hotel table{
width: 497px;
}
/* ligne legende */
.prestation-hotel th{
font-size: 10px;
color: #000000;
text-align: left;
}

/* ligne données */
.prestation-hotel td{
font-size: 10px;
color:#1D1965;
background-color: #87ceeb;
}

/* contact hotel */

.contact-hotel{
font-size: 10px;
text-align: center;
}



/* ******************************/
/* liste chambres		*/
/* ******************************/

.photo-chambre150{
border-color: solid 1px #CCCCCC;
}

.liste-hebergement{
text-align:center;
}
.liste-hebergement b{
}

.titre-liste-categorie{
font-size: 12px;
font-weight: bolder;
text-decoration: none;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
vertical-align: middle;
border-left-width: 3px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}
a.nom_chambre{
font-weight:bold;
text-decoration:none;
font-size:12px;
text-decoration: underline;
color: #1D1965;
}

a.nom_chambre:visited {
color: #000000;
text-decoration: underline;
}
a.nom_chambre:hover {
color: #FF0000;
background-color: #FFFFFF;

}
.hebergement-apartir{
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
margin-bottom: 5px;
}

.heb-nom-cat{
font-weight: bold;
text-decoration: underline;
font-size: 11px;
color: #000000;
border-left: solid 10px #FFFFFF;
padding-left: 10px;
list-style-position: outside;
}

.heb-nom-cat:visited{
color: #000000;
text-decoration: underline;
}

.heb-nom-cat:hover{
color: #FF0000;
background-color: #FFFFFF;
}
.heb-type{
font-style: italic;
padding-left: 20px;
margin-top: 5px;
}

.heb-dispo{
font-weight: normal;
text-decoration: none;
color: #000000;
text-align: center;
border-color: #CCCCCC;

border-style: solid;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
vertical-align: middle;
border-left-width: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
height: auto;
margin-left: 10px;
}

.heb-dispo:hover{
font-weight: normal;
text-decoration: underline;
color: #000000;
background-color: #B9DFF9;
text-align: center;
border-color: #CCCCCC;
border-style: solid;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
vertical-align: middle;
border-left-width: 10px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
height: auto;
margin-left: 10px;
}

.heb-pas-dispo{
font-weight: bold;
text-decoration: none;
color: #FF0000;
background-color: #FFFFFF;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

.heb-description{

}

.heb-separateur{
color: #000000;
height: 1px;
}

.resultat-recherche{
background-color: #B9DFF9;
padding: 5px;
border: solid 2px #CCCCCC;

}

/* Calendrier */
/* le nom des jours	*/
.c-jour{
font-size:9px;
background-color: #FFFFFF;
color:#000000;
width:25px;
height:20px;
border: solid 1px #FFFFFF;
text-align:center;
}

/* avant et après les jours du mois	*/
.c-out{
font-size:10px;
width:25px;
height:20px;
border: solid 1px #FFFFFF;
text-align:center;
}

/* jour non disponible			*/
.c-off{
font-size:10px;
background-color: #E62424;
color:#000000;
width:25px;
height:20px;
border:solid 1px #FFFFFF;
text-align:center;
}
/* jour libre				*/
.c-on{
font-size:10px;
background-color: #0CCE0C;
color:#000000;
width:25px;
height:20px;
border-width: solid 1px #FFFFFF;
text-align:center;
cursor:pointer;
}

/* jour selectionne */
.c-sel{
background-color: #ffff00;
cursor:pointer;
font-size:10px;
width:20px;
height:20px;
border: solid 1px #ffffff;
text-align:center;
}

.aide-selection-calendrier{font-weight:bold;}

/* ******************************/
/* description chambre		*/
/* ******************************/

.ombre {
float:left;
clear:left;
background: url(http://www.beenbiz.com/share/images/ombre.png) no-repeat bottom right;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
padding: 0px;
}

.boite {
background: #000000;
position:relative;
bottom:6px;
right: 6px;
border:solid 1px #CCCCCC;
}


.diapo-chambre table{
border-spacing: 0px;
border-collapse: collapse;
}


.description-chambre{
font-size:10px;
padding-left:4px;
padding-right:5px;
height:385px;
overflow:auto;
text-align:justify;
scrollbar-base-color:#FFFFFF;
}

.description-chambre:first-letter{
font-size:300%;float:left
}

.nom-chambre{
font-size:14px;
height:20px;
font-weight:bold;
color: #1D1965;
}

.type-chambre{
font-size:14px;
height:20px;
font-weight:bold;
color: #1D1965;
}

/* ******************************* */
/* prestation chambre		   */
/* ******************************* */

.prestation-chambre table{
border:solid 1px #CCCCCC;
font-size:11px;
font-weight:normal;
width:96%;
}

/* ligne legende */
.prestation-chambre th{
text-align:left;
color:#1D1965;
background-color: #87ceeb;
}
/* ligne données */
.prestation-chambre td{
background-color: #FFFFFF;
}
.nom-chambre{
font-size:18px;
color:#1D1965;
}

.nom-chambre select{
font-size:10px;
}

/* ******************************* */
/* tarif chambre		   */
/* ******************************* */
.tarif-chambre{
margin-top: 5px;
margin-bottom: 5px;
width: 245px;
background-color: #FFFFFF;
border:solid 1px #CCCCCC;
padding-left: 3px;

padding-right: 3px
}
.tarif-chambre table{
width:245px;
padding-left:3px;
padding-right:3px
}
.tarif-chambre th{
background-color:#B9DFF9;
color:#000000;
font-size:10px;
padding-left:3px;
padding-right:3px
}
.tarif-chambre td{
border:solid 0px #CCCCCC;
font-size: 11px;
color:#000000;
}
.tarif-chambre select{
font-size: 10px; 
}

/* ******************************* */
/* Formule commerciale		   */
/* ******************************* */
.offre-commerciale{


width: 240px;
float: right;
}
.fc-titre{
font-size: 12px;
color: #1D1965;
font-weight: bolder;
text-decoration: none;
background-color: #FFFFFF;
}
.fc-formule{
font-size: 11px;
color: #1D1965;
font-weight: bolder;
text-decoration: none;
}
.fc-prix{
font-size: 11px;

color: #000000;
font-weight: bolder;
text-decoration: none;
}
.fc-description{

}
.fc-prestation{
list-style-type: square;
margin-left: 15px;
}
.fc-nuit{
color: #000000;
}
.fc-capacite{

}
.fc-lien a{
font-weight:bold;
text-decoration:none;
color:#000000;
background-color:#B9DFF9;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

.fc-separateur{
color: #000000;
height: 1px;
}

a.dispo{
font-weight:bold;
text-decoration:none;
color:#FFFFCC;
background-color:#919EA4;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

a.dispo:hover{
font-weight:bold;
text-decoration:none;
color:#333333;
background-color:#FFFFCC;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

.pas-dispo{
font-weight:normal;
text-decoration:none;
color: #FF0000;
background-color:#FFFFFF;
}

.categorie{
background-color: #B9DFF9;
padding: 10px;
}

.nav_cal_cat {
font-weight: bold;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
border-right-color: #CCCCCC;
border-right-style: solid;
border-right-width: 1px;
border-left-color: #FFFFFF;
border-left-style: solid;
border-left-width: 1px;
color: #000000;
font-variant: small-caps;
margin-bottom:3px;
}

.nav_cal_cat a{
font-weight: bold;
color: #000000;
}

.nav_cal_cat a:hover{
font-weight: bold;
color: #FF0000;
text-decoration: none;
background-color: #B9DFF9;
}

.nav_cal_cat a:visited{
font-weight: bold;
color: #000000;
}

/* ******************************* 	*/
/* Contact 				*/
/* ******************************* 	*/

.contact{
width:245px;
margin-left:0;
border:solid 0px #CCCCCC;
font-size:11px;
padding-left:5px;
color:#000000;
}

/* ******************************* 	*/
/* Zone bouton envoyer 			*/
/* ******************************* 	*/

.bouton{
margin-top:5px;
}
.bouton input{
width:245px;
}
.espacement-vide {
font-size:10px;
padding-left:2px;
padding-right:3px;
overflow:auto;
scrollbar-base-color:#FFFFFF;
width: 10px;
}


/* ******************************* 	*/
/* Diaporama	   			*/
/* ******************************* 	*/

.diaporama{
font-size:11px;
text-align:center;
}

.diaporama a{
color:#000000;
}

/* ******************************* */
/* pave selection dates 	   */
/* ******************************* */

.choix-date {
margin-top:5px;
margin-bottom:5px;
}

.choix-date table{
text-align:center;
font-size:11px;
width:245px;
text-align:left;
}
.choix-date td{
text-align:center;
font-size:11px;
width:33%;
text-align:center;

}

/* ******************************* */
/* calendrier chambre		   */
/* ******************************* */

.bloc1 {
background-color:#89989E;
color:#FFFFFF;
height:10px;
width:24px;
font-size:9px;
font-weight:normal;
text-align:center;
}


.bloc2 {
background-color:#AAFFAA;
height:10px;
width:24px;
font-size:10px;
text-align:center;
font-weight:bold;
margin-top: 1px;
line-height:11px;
}

.inactive {
background-color:#AAAAAA;
height:21px;
width:24px;
margin-top: 1px;
}

.res {
background-color:#FFFF00;
height:24px;
width:24px;
margin-top: 1px;
}

.occ {
background-color:#F1C0C3;
height:24px;
width:24px;
margin-top: 1px;
}

.dispo {
background-color:#AAFFAA;
height:24px;
width:24px;
margin-top: 1px;
}

.tr-gris-rouge{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#CCCCCC #FFFF00 #FFFF00 #CCCCCC;
margin:1px 0px -4px 0px;

}
.tr-gris-rose{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;

border-color:#CCCCCC #F1C0C3 #F1C0C3 #CCCCCC;
margin:1px 0px -4px 0px;
}
.tr-rouge-rose{

line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#FFFF00 #F1C0C3 #F1C0C3 #FFFF00;
margin:1px 1px -4px 0px;
}
.tr-rouge-gris{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#FFFF00 #AAAAAA #AAAAAA #FFFF00;
margin:1px 0px -4px 0px;
}
.tr-vert-gris{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#A5FFB0 #AAAAAA #AAAAAA #A5FFB0;
margin:1px 0px -4px 0px;
}
.tr-rose-rouge{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#F1C0C3 #FFFF00 #FFFF00 #F1C0C3;
margin:1px 0px -4px 0px;
}
.tr-rose-gris{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#F1C0C3 #AAAAAA #AAAAAA #F1C0C3 ;
margin:1px 0px -4px 0px;
}
.tr-rouge-vert{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#FFFF00 #A6F8AE #A6F8AE #FFFF00;
margin:1px 0px -4px 0px;
}
.tr-vert-rouge{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#A6F8AE #FFFF00 #FFFF00 #A6F8AE;
margin:1px 0px -4px 0px;
}
.tr-vert-rose{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#A5FFB0 #EACCC2 #EACCC2 #A5FFB0;
margin:1px 0px -4px 0px;
}
.tr-rose-vert{
line-height:0px;width:0px;height:0px;border-style:solid;border-width:12px;
border-color:#F1C0C3 #A5FFB0 #A5FFB0 #F1C0C3;
margin:1px 0px -4px 0px;
}

.semaine {
border:solid 1px rgb(190,190,190);
color:#000000;
}

.vide {
border:solid 0px rgb(190,190,190);
color:#CCCCCC;
text-align:center;
}

.depart {
border:solid 1px #D7857B;
}

.arrivee {
border:solid 1px #D7857B;
background-color: #5B5E73;
}

.today {
border:solid 2px rgb(0,0,255);
}


.jour {
background-color:#CAD0D2;
height:10px;
width:10px;
font-size:11px;
text-align:center;
text-decoration:none;
font-weight:normal;
border:solid 1px #FFFFFF;
color: #384145;
}

.mois{
background-color:#FFFFFF;
font-size:16px;
text-align:center;
font-weight:bold;
color:#000000;
line-height:16px;
}

.fleche{
background-color:#FFFFFF;
text-align: center;
}

.fleche a{
text-decoration:none;
color:#000000;
font-weight:bolder;
font-size:12px;
}

.lc{
text-decoration:none;
}

.fm{
border-width:1px;
border-color:#FFFF00;
border-style:solid;
}

/* selection du pave arrivée ou départ	*/

.sel-on{
background-color:#DEE0BC;
color:#000000;
width:245px;
}



/* Réservation				*/

a.reservation{
font-weight:bold;
text-decoration:none;
color:#FF0000;
}


.votre-sejour{
background-color:#B9DFF9;
}
.coordonnees{
background-color:#B9DFF9;
}
.titre-prestation{
background-color:#B9DFF9;
}

.detail-commande table{
width:100%;
}
.detail-commande th{
background-color:#FFFFFF;
font-size:11px;
}

.detail-commande td{
border:solid 1px #CCCCCC;
font-size:11px;
font-weight:normal;
}

.detail-commande a{
color:#000000;
}

/* formulaires				*/

.select{
font-size:10px; 
}

input.L200 { 
font-size:11; 
color:black;
background-color:white;
border:solid 1px #CCCCCC;
width:200px;
}

.ok{
font-size:10px; 
color:black;
width:20px;
height:20px;
}

.dt{
font-size:10px; 
color:black;
background-color:white;
width:60px;
}


/* 	pages thématiques	   */
.pt-titre{font-weight:bold;font-size:16px; }

/* onglets home page */
.onglet {
margin : 0px ;
text-align:center;
font-size:10px;
border-bottom:solid 1px #FFFFFF ;
border-top:solid 1px #CCCCCC ;
border-left:solid 1px #CCCCCC ;
border-right:solid 1px #CCCCCC ;
color:000000;
width:90px;
cursor:pointer;
}

.onglet-actif {mo
margin : 0px ;
border-bottom:solid 1px #FFFFFF ;
border-top:solid 1px #CCCCCC ;
border-left:solid 1px #CCCCCC ;
border-right:solid 1px #CCCCCC ;
background-color:#B9DFF9;
color:000000;
text-align:center;
font-size:10px;
width:90px;
cursor:pointer;
}

.onglet a{text-decoration:none;color:000000;}
.onglet-actif a{text-decoration:none}
.input-ident{;}

.chemin-fer {font-size:13px;font-weight:bold;}
.chemin-fer a{font-size:13px;}

.alerte_offre_speciale{padding:5px;font-size:13px;font-style:italic}


a.bouton-blanc-home{
	display:block;
	width:200px;
	height:30px;
	background:url(http://www.beenbiz.com/imagethesaurus/hds/bouton_bleu_clair.gif) no-repeat;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-family:arial;
	font-size:14px;
	padding-top:7px;
font-weight:bold;
}