/*** accroche
*********************************/
#accroche li {
 width: 220px;
}

#accroche li.double {
 width: 360px;
}

/*** recherche et options de tri
*********************************/
#recherche {
 width: 220px;
 background: #ECD9DF;
}

#recherche fieldset {
 margin-bottom: 0;
 padding: 0 5px;
}

#recherche label, #recherche select, #recherche input {
 font-size: 90%;
 float: left;
}

#recherce fieldset {
 padding: 5px 0;
}

#recherche input.submit {
 margin-top: 1em;
}

#recherche strong {
 display: block;
 margin-bottom: 1em;
 width: 190px;
 height: 45px;
 background: transparent url(/style/votre-hebergement.gif) no-repeat top left;
}

#recherche label {
 margin-left: 5px;
 width: 150px;
}

#recherche br {
 clear: both;
}

#optionsTri {
 background: #ECD9DF;
 padding: 6px 8px;
}

#optionsTri legend {
 color: #88002F;
 font-weight: bold;
}

.noResults {
	padding: 20px 0;
	font-weight: bold;
	text-align: center;
	color: red;
	
}

.noResults strong {
	background: transparent url(/style/alert.gif) no-repeat 0em 0.2em;
	padding-left: 22px;
}


/*** hébergement
*********************************/
dl.hebergement {
 float: left;
 width: 190px;
 margin-left: 10px;
 margin-bottom: 5px;
 padding: 5px 0;
 border-bottom: 2px dotted #B8B5AC;
 min-height: 195px;
}

* html dl.hebergement {
 height: 195px;
}

dl.hebergement-detail {
 float: left;
 margin-bottom: 1em;
 width: 100%;
}

dl.hebergement dt, dl.hebergement-detail dt {
 font-size: 110%;
 color: #88002F;
}

dl.hebergement .rubrique, dl.hebergement-detail .rubrique {
 text-transform: uppercase;
 font-size: 90%;
}

.hebergement img {
 float: left;
 margin: 0 5px 5px 0;
}

.hebergement img.label {
 float: none;
 margin: 0;
}

.hebergement-detail dt, .hebergement-detail dd {
 float: right;
 width: 390px;
 clear: right;
}

.hebergement-detail dd.photo {
 width: 400px;
 float: left;
 clear: none;
}

.hebergement-detail .rubrique,
.hebergement-detail .adresse,
.hebergement-detail .telephone {
 margin-bottom: 1em;
 font-weight: bold;
}

.hebergement-detail .tarifs, .hebergement-detail .offre {
 margin-bottom: 1em;
}

.hebergement-detail .internet,
.hebergement-detail .label,
.hebergement-detail .description,
.hebergement-detail .altitude,
.hebergement-detail .caracteristiques,
.hebergement-detail .options {
 margin-bottom: 0.5em;
}

.hebergement-detail .periode_of {border-left: 5px solid black; padding-left: 8px;}

.hebergement-detail .disponibilites {
 margin-top: 1em;
}

.hebergement-detail .tarifs {
 color: #f00;
}

.hebergement-detail .offre {
 background: #ECD9DF;
 padding: 5px;
 width: 380px;
}

.hebergement-detail .options img {
 float: left;
 margin: 0 5px 5px 0;
}

/*** calendrier
*********************************/                               */
/* Style de la table principale contenant le calendrier */
table.calendar_main {
    font-family: Arial, Times, serif;
	/*font-size: 14px;*/
	/*width: 400px;*/
}

/* Style du titre du calendrier (<< mois annee >>)  */
.calendar_title {
	color: #000000;
	text-align: center;
}

/* Style de la cellule "mois annee" du titre    */
.calendar_title_month {
 width: 80%;
}

/* Style du lien "mois annee" du titre          */
.calendar_title_month_clickable {
	color: #000000;
	text-decoration: none;
}

/* Style de la cellule contenant le lien "<<" du titre         */
.calendar_title_left_arrow {
	text-align: center;
	width: 10%;
}

/* Style de la cellule contenant le lien ">>" du titre         */
.calendar_title_right_arrow {
	text-align: center;
	width: 10%;
}

/* Style du lien "<<" du titre          */
.calendar_title_left_arrow_clickable {
	color: #000000;
	text-decoration: none;
}

/* Style du lien ">>" du titre          */
.calendar_title_right_arrow_clickable {
	color: #000000;
	text-decoration: none;
}

/* Style global de la table du calendrier  */
.calendar_table {
	border: none;
	border-collapse: collapse;
	/*font-size: 14px;*/
}

/* Style generique des cellules de la table du calendrier */
.calendar_table td {
	border: 1px solid #99A9B6;
	text-align: center;
	/*width: 20px;*/
	
	padding: 20px 0;
}

/* Style generique des liens de la table du calendrier */
.calendar_table td a, .calendar_table td span {
	display: block;
    /*padding: 20px;*/
}

/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
.calendar_table th {
	border: 1px solid #B8B5AC;
	/*padding: 20px;*/
	padding: 10px 0;
	background-color: #B8B5AC;
	font-weight: normal;
	text-align: center;
	width: 53px;
}

/* Style des cellules de la table contenant les jours du week-end (samedi et*/
/* dimanche)                                                                */
.calendar_weekend {
	background-color: #cccccc;
}

/* Style des cellules contenant des jours ne faisant pas partie du mois en  */
/* cours d'affichage                                                        */
.calendar_other_month {
	color: #999999;
	visibility: hidden;
}

/* Style des liens des jours ne faisant pas partie du mois en cours      */
/* d'affichage                                                           */
.calendar_other_month_clickable {
	color: #999999;
	text-decoration: none;
	visibility: hidden;
}

/* Style du jour (non cliquable) representant aujourd'hui */
.calendar_today {
	color: #ff0000;
}

/* Style du lien sur le jour representant aujourd'hui */
.calendar_today_clickable {
	color: #ff0000;
	text-decoration: none;
}

/* Style des liens des jours faisant partie du mois en cours d'affichage */
.calendar_day_clickable {
	color: #000000;
	text-decoration: none;
}

/* Style de la ligne du pied du calendrier (lien de retour vers le mois courant) */
.calendar_footer {
	color: #000000;
	text-align: center;
}

/* Style de la cellule contenant le lien de retour au mois courant utilise */
/* lorsque le mois affiche est le mois courant                             */
.calendar_footer_current_month {
}

/* Style du lien de retour dans la cellule de classe .calendar_footer_current_month */
.calendar_footer_current_month_clickable {
	color: #000000;
	text-decoration: none;
}

/* Style de la cellule contenant le lien de retour au mois courant utilise */
/* lorsque le mois affiche n'est pas le mois courant                       */
.calendar_footer_other_month {
}

/* Style du lien de retour dans la cellule de classe .calendar_footer_other_month */
.calendar_footer_other_month_clickable {
	color: #000000;
	text-decoration: none;
}

/* Style des cellules sélectionnées */
.calendar_day_selected {background: transparent url(/style/hebergement/journee.gif) no-repeat center center;}
.calendar_day_selected_am {background: transparent url(/style/hebergement/journee_am.gif) no-repeat center center;}
.calendar_day_selected_pm {background: transparent url(/style/hebergement/journee_pm.gif) no-repeat center center;}
.calendar_day_selected_cl {background: transparent url(/style/hebergement/journee_cl.gif) no-repeat center center;}
.calendar_day_selected_cl1 {background: transparent url(/style/hebergement/journee_cl1.gif) no-repeat center center;}
.calendar_day_selected_cl2 {background: transparent url(/style/hebergement/journee_cl2.gif) no-repeat center center;}
.calendar_day_selected_cl3 {background: transparent url(/style/hebergement/journee_cl3.gif) no-repeat center center;}
.calendar_day_selected_cl4 {background: transparent url(/style/hebergement/journee_cl4.gif) no-repeat center center;}



 .zone_calendrier {
	position:absolute;
	/*border: 1px solid #000000;*/
	width:200px;
	padding:2px 2px 8px 2px;
	margin-left:2px;
	display:none;
	z-index: 32767;
	/*BACKGROUND: #FFFFFF;*/
}

/*
.tbCal{
	POSITION: relative; 
	TOP: 5; 
	LEFT: 10; 
	border: none;
	BACKGROUND: #FFFFFF;
}
*/

/* on reprend la mise en forme du calendrier qui se positionne a droite de lma zone texte appelante */

.tbCal{
	border: 1px solid #000;
	/*position: relative;*/
	z-index: 32767;
	BACKGROUND: #FFFFFF;
	/*POSITION: absolute; */
	/*TOP: 0; LEFT: 0; */
}

.DayName {
	WIDTH: 10; 
	font: 12 Arial; 
	TEXT-ALIGN: center; 
	CURSOR: default;
}

.BtChangeDate {
	FONT: 12 Arial; 
	WIDTH: 10; FONT-WEIGHT: bold; 
	CURSOR: pointer; 
	TEXT-ALIGN: center;
}

.LbChangeDate {
	FONT: 12 Arial; 
	WIDTH: 70; 
	CURSOR: pointer; 
	TEXT-ALIGN: center;
}

.DayOn {
	WIDTH: 14;
	HEIGHT: 14; 
	BORDER: 1px solid black; 
	CURSOR: pointer; 
	FONT: 12 Arial; 
	COLOR: black; 
	TEXT-ALIGN: center;
}

.DayWorking {
	BACKGROUND: #ADF2BF;
}

.DayNotWorking {
	BACKGROUND: #EEEEEE;
}

.DayOver {
	BACKGROUND: #FFFFCC;
}

.DayStart {
	BACKGROUND: #FF0000;
}

.RowDays{
	BACKGROUND: none;
}

.List {
	BORDER: none; 
	TEXT-ALIGN: center; 
	PADDING: 0px; 
	BACKGROUND: #CCCCCC; 
	WIDTH: 100px; 
	POSITION: absolute;
}

.ListCell {
	BACKGROUND: none;
	BORDER: none; 
	CURSOR: pointer; 
	TEXT-ALIGN: center; 
	FONT: 12 Arial; 
	COLOR: black; 
	PADDING: 0px; 
	WIDTH: 100%;
}

.ListOver {
	BACKGROUND: #BCFAFA;
}