/* -------------------------------------------------------------------------------------------- */
/* FORMULAIRE DE RECHERCHE DE DISPO ACCOM */

div#searchResultsZone {
	background-color:#eee;
	position:relative;
	width:524px;
	border-spacing:0px 0px;
}
div#availabilitySearchCriterias {
  position: absolute;
  right:0px;
  top:0px;
  background: url(/img/recherche-detail.gif) left top no-repeat;
  width:388px;
  height:274px;
}

div#availabilitySearchCriterias p {
  position: absolute;
  top:10px;
  left:120px;
  font-size: 1em;
	margin: 1em 1em 1em 1em;
	text-align: left;
	color: white;
	font-style: normal;
	font-family: Arial;
	font-weight:bold;
	line-height:20px;
}

div#availabilitySearchCriterias span#findbutton{ 
  position: absolute;
  left:200px;
  top:210px;
}

div#availabilitySearchCriterias div#childrenAgesBlock {
	position:relative;
}

input.dateInput {
	font-size:10px;
	vertical-align:baseline;
	width:60px;
}
img.calendarIcon {
	border-width:0px;
	border-style:none;
	cursor: pointer;
	vertical-align:inherit;
}



/* ------- UN CONTENEUR DE RESULTATS -------- */
fieldset.resultsContainer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	border:solid 1px #999;
	margin:8px;
}
fieldset.resultsContainer legend {
	font-size:11px;
	font-weight:bold;;
}
fieldset.resultsContainer ul {
	margin:2px -4px -4px -4px;
	padding: 0px;
}
fieldset.resultsContainer li {
	font-weight:normal;
	float:left;
	position:relative;
	list-style-type:none;
	/*list-style-position:outside;*/
	padding-left:10px;
	/*margin:10px;*/
}
span.note {
	font-size:9px;
	border:dotted;
}


/* ------- UN RESULTAT -------- */
/*
div.resultTable {
	
}
div.resultTable row {
	display:  table-row;
	width:auto;
}

div.resultTable cell {
	float:left;
	display:  table-cell;
	background-color:#ccc;
}
*/
/*
EXEMPLE HTML
</head>
<body>
<div  class="tablediv">
<div class="rowdiv">
<div  class="celldiv">one cell of content in a table</div>
<div  class="celldiv">one cell of content in a  table</div>
</div>
<div class="rowdiv">
<div  class="celldiv">one cell of content in a table</div>
<div  class="celldiv">one cell of content in a  table</div>
</div>
</div>
*/
