/* CSS Document */

.hidden{
	display:none;
}

.show{
	display:block;
}

select.intro{
	width:210px;
}

div#hotel_main table tr td{
	vertical-align:top;
	padding:10px;
}

div#hotel_main table tr td#equipement{
	width:160px;
	border-left:1px dotted #6BA12C;
}

strong a.nom_hotel{
	text-decoration:none;
	border:0;
	color:#c00;
}

strong a.nom_hotel:hover{
	text-decoration:underline;
	color:#f00;
}

a.selected{
	font-weight:bold;
	color:#c00;
	text-decoration:none;
}

form#form_order{
	height:20px;
	display:block;
	padding:0 0 5px 0;
	margin:0;
}

div.scroller{
	clear:both;
	padding:8px 0;
}

div.scroller div{
	float:left;
	padding:3px 0;
	margin: 2px 0;
	font-weight:bold;
}

div.scroller a{
	float:left;
	display:block;
	width:12px;
	padding:2px 4px;
	margin: 2px;
	text-decoration:none;
	text-align:center;
	background-color:#f0f0f0;
	border:1px solid #c00;
}

div.scroller a.selected{
	background-color:#fff;
	border:1px solid #fff;
}

div#loader div, div.alert{
	text-align:center;
	font-size:18px;
	color:#6BA12C;
	margin:20px;
	font-weight:bold;
}

span.price_from{
	color:#B3001B;
}

span.price_from strong {
padding-left: 5px;
}

ul#price_list li{
	list-style-type:none;
	list-style-image:none;
}

ul#price_list li strong.red{
	color:#6BA12C;
}

form#availability table, ul#price_list{
	border:1px dotted #6BA12C;
	background-color:#fafafa;
	padding:18px 8px;
	margin:12px auto;
}
form#availability table{
	width:368px;
}
ul#price_list{
	width:350px;
}

.room_photo{
	border:1px solid #577312;
	padding:10px;
	background-color:#fff;
	float:left;
	margin:0 1em 4px 0;
}

div#rooms ul li{
	clear:both;
	padding-bottom:2em;
	padding-top:4px;
	margin-top:4px;
	padding-right:1em;
	text-align:justify;
	list-style-type:none;
	list-style-image:none;
	border-top:1px dotted #6BA12C;
}

.small_text, .small_text a, a.booking_room_desc, .small_text div{
	font-size:11px;
}

a.booking_room_desc{
	float:right;
	font-weight:bold;
	background:url(/images/reserver_mini.jpg) no-repeat top left;
	padding:0 4px 0px 25px;
	color:#ffffff !important;
	font-size: 10pt;
	text-decoration:none;
	width:108px;
	height:21px;
}

a.booking_room_desc:hover{
	background:url(/images/reserver_mini.jpg) no-repeat top left;
	color:#006600 !important;
	font-size: 10pt;
}

form#form_book ul li{
	border-bottom:1px dotted #6BA12C;
	margin-bottom:4px;
	padding-bottom:4px;

}

.fleche_haut, .fleche_bas, .fleche_haut_hover, .fleche_bas_hover{
	width:12px;
	height:10px;
	padding:0 4px;
	background-repeat:no-repeat;
	background-position:center;
	display:inline;
	text-decoration:none;
}

.fleche_haut{
	background-image:url(/images/flechehaut.gif);
}

a.fleche_haut:hover, .fleche_haut_hover {
	background-image:url(/images/flechehaut-active.gif);
}

.fleche_bas{
	background-image:url(/images/flechebas.gif);
}

a.fleche_bas:hover, .fleche_bas_hover{
	background-image:url(/images/flechebas-active.gif);
}


div#region div.desc img{
	float:left;
	border:1px solid #333;
	margin:0 5px 0 0;
}

div#region div.desc{
	padding:10px ;
}

div#region div.desc, div#region div.desc p{
	text-align:justify;	
}

*{
	font-family:Arial, Helvetica, sans-serif;
}

body{
	margin:0; padding:0;
	background-color:#6BA12C;
}

div#onglets a{
	display:block;
	background-color:#88B236;
	background-image:url(/images/ong-top2.gif);
	background-repeat:repeat-x;
	background-position:top;
	border-top:1px solid #577312;
	border-right:1px solid #577312;
	padding:5px 20px; 
	float:left;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#cf3;
}
div#onglets a:hover{
	color:#577312;
	background-color:#C8F344;
	background-image:none;
}

div#top_clear{
	clear:both;
	border-top:1px solid #577312;
}
div#onglets{
	width:100%;
	background-color:#DBF199;
}
div#intro{
	background-color:#DBF199;
	font-size:16px;
}

div#fiche{
	padding:20px;
	margin-bottom:10px;
	font-size:12px;
}

h4{
	font-size:18px;
	color:#390;
	margin:0;
	padding-left:10px;
}

h5{
	color:#6BA12C;
	border-bottom:1px solid #6BA12C;
	background-color:#DBF199;
	padding-left:20px;
	font-size:14px;
	margin:0;
}

div.photo{
	border:1px solid #577312;
	margin:5px;
	background-color:#fff;
	padding:10px;
}

div.photo a img{
	border:1px solid  #577312;
}

img#big_photo{
	margin:15px;
}
.input-booking{
   display:inline-block;
   cursor:pointer;
   padding:0px 3px 3px 25px;
   background:url(/images/voirDispos.jpg) left top no-repeat;
   height:34px;
   width:176px;
}
*+html .input-booking{
	padding-left:9px;
}
* html .input-booking{
	padding-left:9px;
}