
body
{
	height:100%;
	margin:0;
	padding:0;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a { color:#006666; text-decoration:none; }
a:hover { color:#0066CC; text-decoration:underline; }


div#nav ul { list-style:none; position:absolute; bottom:0; left:0; margin:0; padding:0; }
div#nav ul li { background:url(/pics/onglet.png) right top; height:19px; float:left; padding:10px 25px 2px 25px; font-size:14px; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
div#nav ul li.last { background:url(/pics/onglet_last.png) right top;}
div#nav ul li.admin { background:url(/pics/onglet_admin.png) right top;}
div#nav ul li a { color:#FFFFFF !important;}



form#form_reservation {
padding:0;
margin:0;
font-size:11px;
}
form#form_reservation th {
text-align:right;

}
form#form_reservation th[colspan=2] {
text-align:left;
}
form#form_reservation input[type=text] ,
form#form_reservation input[type=checkbox], 
form#form_reservation input[type=radio], 
form#form_reservation select, 
form#form_reservation textarea
{
font-size:11px;
background:lightyellow;
border:1px solid #bbb;
}
form#form_reservation label
{
font-size:11px;
	white-space:nowrap;
}


ul.liste_hotels {
	padding:0; margin:0; 
	list-style:none; 
	position:absolute; top:43px; left:3px;
	}
ul.liste_hotels li {
	height:180px; width:170px; 
	margin-right:1px; 
	float:left; 
	/*text-align:center;*/
	border-right:1px solid #CCCCCC
	}
ul.liste_hotels li .liste_hotels_li_nom{
	font-size:13px;
	color:#003366;
	font-weight:bold;
	}
ul.liste_hotels li .liste_hotels_li_ville{
	font-size:12px;
	color:#003366;
	font-weight:bold;
	font-size:-1;
	text-align:center
	}
ul.liste_hotels li img {
	position:absolute;
	bottom:5px;
	align:center;

	border:1px #000000 solid;
	max-width:150px; max-height:140px; 
	}

ul.Deroulant { background:#5d90c7; opacity:.94; filter:Alpha(opacity=94); padding:0; margin:0; list-style:none; position:absolute; border:1px solid white; }
ul.Deroulant li { border-top:1px solid white; color:white;padding:1px 20px; font-size:11px; font-weight:bold; cursor:pointer; font-family:Arial, Helvetica, sans-serif; }
ul.Deroulant li:first { border-top:0px solid white;  }
ul.Deroulant li:hover { background:#3486C9;  }
ul.Deroulant li a { color:white; text-decoration:none; }


h1 { 
background:#5d90c7;
color:white;
	
height:32px; 	
border-left:0px solid #aaa; 
-moz-border-radius-topright:20px; 
-webkit-border-top-right-radius:20px; 
border-top-right-radius:20px;
/*
-moz-border-radius-bottomleft:20px; 
-webkit-border-bottom-left-radius:20px; 
border-bottom-left-radius:20px;
*/
padding:2px 20px;
font-size:18px;

margin: 10px 0 0 0 ;
float:left;
width:630px;
background:#5d90c7 url(/pics/h1_bg.gif) top right no-repeat\9;

 }
 .textes { width:646px; border:2px solid #69c; margin:0 0 10px 0; overflow:auto; clear:left; 
  border-top-width:0; float:left; padding:10px; }


.cadre_orange {
position:relative; 
font-size:36px;height:65px;padding-top:15px;
font-size:24px;height:58px;padding-top:22px;

width:300px;
background:#FF6600; 

color:#FFFFFF;
font-weight:bold;
text-align:center;

border:0px solid #0099FF;

-moz-border-radius:40px; 
-webkit-border-radius:40px; 
border-radius:40px;
/* special IE */
background-color:#FFF\9; 
background-image:url(/pics/orange_300x80.gif)\9;

}




div#footer {
	background:url(/pics/footer.png) no-repeat ; 
	height:131px; 
	position:absolute; 
	bottom:0; 
	width:969px; 
	left:50%; 
	margin-left:-480px;
	}
div#footer ul { position:absolute; top:70px; left:130px; color:#009999; padding:0; margin:0; list-style:none; font-size:12px; }
div#footer ul li { padding:0; margin:0; margin-right:20px; float:left; cursor:pointer; }
	
div#footer div#liens ul { top:90px; }


ul.liste_puces_hotels { list-style:none; padding:0; margin:0; }
ul.liste_puces_hotels li { height:60px; width:600px; padding:0; margin:0; margin-bottom:10px; float:left; position:relative; }
ul.liste_puces_hotels li img { float:left; width:60px; margin-right:10px;}



/* formulaire de resa */
.champErreur { background-color:#FFFF00 !important; border-color:red !important; }




table.grille
{
	border-collapse:collapse;
	border:2px solid black;
	background:#FFFFFF
}

table.grille td
{
	border:1px solid #999999;
	padding:2px;
	background:#dedede;
	font-size:12px;
}
table.grille td.help
{
	border:1px solid #999999;
	padding:2px;
	background:#ddd;
	font-size:12px;
	color:#003366;
	font-style:italic;
}
table.grille td.numeric
{
	text-align:right;
}
table.grille td.help ul
{
list-style:square;
}
table.grille th
{
	border:1px solid #666;
	background:#FFFFCC;
	padding:3px;
	font-size:12px;
}
table.grille td label
{
	width:200px; height:20px; overflow:hidden; background:#CCCCCC; float:left;margin:1px;
}
table.grille label:hover
{
	color:#006699;
	text-decoration:underline;
}

table#detail_equipements {
	margin:15px 0 0 0; 
	padding:0;
	border-collapse:collapse;	
	}
table#detail_equipements td , table#detail_equipements th {
	padding:3px 5px;
	border-collapse:collapse;	
	}
table#detail_equipements th {
	background:#EEE; font-size:12px;
	}
table#detail_equipements tr {
	border-bottom:1px solid #CCCCCC;
	}



input#btn_envoi_reservation {
	font-size:16px; 
	/*
	color:#FFFFFF; 
	border:none; 
	background:transparent; 
	*/
	position:absolute; 
	right:26px; bottom:7px; 
	right:60px; bottom:3px; 
	font-weight:bold;
	}


div#hotel_presentation {
	font-size:14px; 
	font-size:14px\9;  /* ie8 */
	color:#000; 
	position:absolute; 
	right:5px; top:33px; 
	width:358px; 
	height:141px; 
	text-align:justify; 
	}
