div,p,td,th,b{font-family:arial;font-size:11px;}
a{color:#000;}
a:visited{color:#000;}
.conteneur{width:772px;}

#sommaire-colonne-gauche{width:493px;float:left;}
#sommaire-colonne-centrale{width:10px;float:left;}
#sommaire-colonne-droite{width:261px;float:left;}

#offre-colonne-gauche{width:570px;float:left;}
#offre-colonne-centrale{width:7px;float:left;}
#offre-colonne-droite{width:190px;float:left;text-align:center;}

#offre-colonne-droite table {margin-left:auto; margin-right:auto;width:190px;}

#signature-hotel{clear:both;}
#navigation-bas-page{clear:both;}
.navigation-bas-page{text-align:center;}

.menu {position: absolute;z-index:100;margin-top:1px;font-size:11px;width:700px;}
.menu dl, .menu dt, .menu dd, .menu ul, .menu li {margin: 0;padding: 0;list-style-type: none;}
.menu dl {float: left;width: 110px;margin: 0 0px;}
.menu dt {cursor: pointer;text-align: center;font-weight: bold;border: 1px solid gray;background-color:#fff;}
.menu dd {border: 1px solid gray;display:none;background-color:#fff;}
.menu li {text-align: center;}
.menu li a, .menu dt a {text-decoration: none;display: block;border: 1 none;}
.menu a:hover{background-color:#ccc;}
.menu .flag{float:left;padding-left:5px;}
.ds{background-color:#E5E5E5;border-color:#778899;border-width:1px;border-style:solid;width:20;height:20}
.dw{background-color:#99CCFF;border-color:#778899;border-width:1px;border-style:solid;width:20;height:20}
.dn{background-color:#E5E5E5;color:#C0C0C0;border-color:#778899;border-width:1px;border-style:solid;width:20;height:20}
a.d{text-decoration:none;color:#000000}
a.d:hover{color:#FF0000}
.jour{background-color:#778899;font-weight:bold;color:#FFFFFF}
.nav{font-weight:bold;color:#FFFFFF;text-decoration:none;height:15px;font-size:12}

/* formulaire */
input.L200 {width:200px;}
select,input{font-size:11px;}

/******************/
/* Panier 	  */
/*****************/
#ongletResa1, #ongletResa2, #ongletResa3, #ongletResa4, #ongletResa5 {width:750px;min-height: 400px;} 

#tableauOngletResa{width:772px;margin-top:5px;}
td.cfResaOff {height:30px;text-align:center;border:1px dashed #cccccc;cursor:pointer;}	
td.cfResaOn {height:30px;text-align:center;border:1px solid #ccc;cursor:pointer;background-color:#eee;font-weight:bold;}	

/* pour l'affichage des images options */
.hoverbox{cursor: default;list-style: none;}
.hoverbox a{cursor: default;}
.hoverbox a .preview{display: none;}
.hoverbox a:hover .preview{display: block;position: absolute;top: -33px;left: -45px;z-index: 1;}
.hoverbox img{background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 0px;color: inherit;padding: 2px;vertical-align: top;text-align:center;}
.hoverbox div{border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 0px;color: inherit;display: inline;float: left;margin: 3px;padding: 5px;position: relative;text-align:center;padding-left:-5px;}

.hoverbox .preview{border-color: #ffffff;width: 200px;}

.detail-commande table{width:100%;}
.detail-commande th{background-color:#ccc;}
.detail-commande td{border:1px solid #ccc;}

.fc-formule-selection{font-weight:bold;}

/* encadre photo */
.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;}

/* bloc categorie */
.home_bloc_categorie{float:left;}
.titre-liste-categorie{font-weight:bold;padding:3px;}


/* **************************************************************/
/* diaporama chambre  version grande photo, diaporama en dessous */
/* **************************************************************/

/*
.photo-chambre img{width:490px;}
.diaporama-chambre{padding-left:0px;padding-top:5px;text-align:left;width:490px;}
.diaporama-chambre .icone{width:80px;height:60px;float:left;padding-right:3px;padding-top:3px;padding-bottom:3px;}
.diaporama-chambre .icone img{width:80px;height:60px;}
.diaporama-lien {clear:both;padding:5px;text-align:center;}

*/

/* **************************************************************/
/* diaporama chambre  version petite photo , diaporama a droite */
/* **************************************************************/

.diaporama-chambre{float:left;width:270px;height:200px;padding:0px;}
.photo-chambre{float:left;width:300px;height:200px;padding:0px;}
.photo-chambre img{width:299px;height:200px;}
.diaporama-chambre .icone{float:left;width:85px;height:67px;padding:0px;}
.diaporama-chambre .icone img{width:84px;height:66px;}
.diaporama-lien {clear:both;margin-top:10px;text-align:center;}


/* **************************************************************/
/* diaporama Hotel version grande photo, diaporama en dessous   */
/* **************************************************************/

/*
.photo-hotel img{width:490px;}
.diaporama-hotel{padding-left:0px;padding-top:5px;text-align:left;width:490px;}
.diaporama-hotel .icone{width:80px;height:60px;float:left;padding-right:3px;padding-top:3px;padding-bottom:3px;}
.diaporama-hotel .icone img{width:80px;height:60px;}
.legende_photo_hotel{clear:both;}
*/

/* **************************************************************/
/* diaporama hotel  version petite photo , diaporama a droite   */
/* **************************************************************/

.diaporama-hotel{float:left;width:245px;}
.photo-hotel{float:left;width:245px;}
.photo-hotel img{width:245px;}
.diaporama-hotel .icone{width:79px;height:60px;float:left;padding:1px;}
.diaporama-hotel .icone img{width:79px;height:60px;}
.legende_photo_hotel{clear:both;}

/* Dossier Client Home page */

#dossier-client{border:1px solid #ccc;padding:3px;}
.onglet-dossier, .legende-email, .legende-dossier{padding:2px;font-weight:bold;}

/* Moteur de recherche Home page */
.onglet-dispo{padding:3px;font-weight:bold;}
#moteur-recherche{border:1px solid #ccc;margin-top:5px;padding:1px;}

/* calendriers cliquables */

.c-jour, .c-out, .c-off, .c-on, .c-sel{width:25px;height:20px;border: 1px solid #fff;text-align:center;font-size:10px;}
.c-jour{font-size:9px;background-color: #FFF;color:#4E6314;}

/* avant et après les jours du mois	*/
.c-out{border:1px solid #ccc;}
/* jour non disponible			*/
.c-off{background-color: #D55E15;color:#FFF;}
/* jour libre				*/
.c-on{background-color: #BDDF62;color:#4E6314;cursor:pointer;}
/* jour selectionne */
.c-sel{background-color: #ffff00;color:#000;cursor:pointer;}

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


/* page offre */

#formule-offre{margin-top:5px;padding:3px;border:1px solid #000;}
#formule-offre #titre-formule{font-weight:bold;}
#formule-offre #descriptif-formule{padding-top:3px;text-align:left;}

#alerte-formule{border:2px solid;font-weight:bold;}

/* page liste formule */
.heb-nom-cat a{font-weight:bold;}

/* onglets home page, page categorie, toutes les formules */

#zone-onglet{padding-top:5px;}
.onglet {
	margin: 0px ;
	text-align: center;
	font-size: 10px;
	background-color: #eee;
	width:150px;
	height:18px
	cursor: pointer;
}

.onglet-actif {
	margin : 0px ;
	border:1px solid #000;
	text-align: center;
	font-size: 10px;
	width:150px;
	height:18px
	background-color: #ccc;
	cursor: pointer;
}

.onglet-vide{width:150px; height: 18px; background-color:transparent;}
.onglet-separateur{width:450px;height:1px;border-bottom:0px; border-left:0px; border-right:0px;border-top:1px solid #ccc;background-color:transparent;}
.onglet-gauche{width:12px; background-color:transparent;}
.onglet-droit{width: 26px; valign: left; background-color:transparent;}

.onglet a{text-decoration: none;color:#000;}
.onglet-actif a{text-decoration:none;color:#000;}


/* ******************************* */
/* Etablissement		   */
/* ******************************* */
.nom-hotel{font-size:16px;font-weight:bold;clear:both;padding-top:15px;margin:0px;}
#home-page .nom-hotel{padding-top:20px;}
.prestation-hotel {border: 1px solid #000;margin-right: 5px;width: 495px;margin-top: 20px;}
.prestation-hotel table{width: 497px;}
.prestation-hotel th{font-size: 11px;color:#000;text-align:left;}
.prestation-hotel td{font-size: 11px;background-color: #eee;}

/* ******************************* */
/* Chambre		   */
/* ******************************* */
.prestation-chambre table{border:#CCC solid 1px;font-weight:normal;width:100%;table-layout: fixed;border-collapse: collapse;}
.prestation-chambre th{text-align:left;background-color: #eee;padding: 2px;}
.prestation-chambre td{background-color: #fff;padding: 2px;}

.description-chambre{padding:5px;clear:both;}
.prestation-chambre{padding:5px;}