/* No script
-----------------------------------------------------------------------------*/

noscript div {
	background : #ffffff;
	border : 1px solid #C0BDB9;
	margin : 0px 0px 10px 0px;
	padding : 5px 5px 5px 5px;
}

/* Body
-----------------------------------------------------------------------------*/

body {
	color : #616161;
	background : #ececec;
	font-family	: Arial,"Trebuchet MS", "Lucida Grande", Helvetica, Sans;
	font-weight : normal;
	font-size : 13px;
	margin : 0px;
	padding : 0px;
	
}

head {
    font-family: Arial;
    font-size: 20px;
	color: #ffffff;
}

#wrap {
	/*background : #ffffff;*/
	/*background : url(../images/backgroundhostel.png) repeat-y;*/
	margin-left : auto;
	margin-right : auto;
	width : 1024px;
}

/* Banner
-----------------------------------------------------------------------------*/

#banner {
	/*background-color:#ff0000;*/
	margin-left : 0px;
	margin-right : 0px;
	width : 1024px;
	/*height : 125px;*/
	/*border-bottom: #616161 1px solid;*/
}

#banner #banner-top {
	background : url(../images/newheader.png) no-repeat;
	height : 184px;
	width : 1024px;
	border-bottom: #b38901 3px solid;
}

#banner #banner-medium {
	background : url(../images/banner_medium.jpg) no-repeat;
	height : 139px;
	width : 1024px;
	border-bottom: #b38901 3px solid;
}

#banner #banner-nav {
	/*background-color:#0000ff;*/
	
	background : url(../images/backgroundnavbar.jpg) repeat-x;
	height : 25px;
	/*width : 1004px;*/
	font-weight: bold;
	font-size : 16px;
	border-bottom: #b38901 3px solid;
	padding-left:20px;
}
#nav-menus{
	float : left;
	width : 774px;
	text-align: left;
}
#nav-lang {
	float : left;
	width : 200px;
	text-align: right;
	padding-top:3px;
}

#banner #banner-nav a {	
	color : #616161;
	text-decoration:none;	
}
#banner #banner-nav a:hover {
	text-decoration:underline;
}

#banner #banner-bottom1 {
	/*background : url(../images/banner-bottom1.png) no-repeat;*/
	height : 50px;
	width : 527px;
	float: left;
}

#banner #banner-bottom2 {
	background : url(../images/banner-bottom2.png) no-repeat;
	height : 50px;
	width : 327px;
	float: left;
}

/* Content
-----------------------------------------------------------------------------*/


#content {
	margin-left : 0px;
	margin-right : 0px;
	width : 1024px;
	background-color:#fef7dd;
	float : left;
	
}

#side {
	/*background : url(../images/side.png) no-repeat;*/
	float : left;
	font-size : 11px;
	font-weight : normal;
	padding-left : 0px;
	padding-right : 0px;
	width : 324px;
	border: #616161 0px solid;
	background-color:#b38900;
}

#mainfullpage {
	float : left;
	padding-right : 20px;
	padding-left : 20px;
	width : 860px;
	background-color:#ff0000;
}

#main {
	float : left;
	padding-right : 0px;
	padding-left : 0px;
	width : 680px;
	background-color:#fef7dd;
	/*background-color:#ffffff;*/
	font-size : 15px;
	padding: 10px 10px 10px 10px;
}

#main2 {
	float : left;
	padding-right : 0px;
	padding-left : 0px;
	width : 1004px;
	background-color:#fef7dd;
	/*background-color:#ffffff;*/
	font-size : 15px;
	padding: 10px 10px 10px 10px;
}



#top{
	background : url(../images/banner-header.png) no-repeat;
	/*height : 20px;*/
	/*width : 100%;*/
	float: left;
	position:relative;
}

#bottom{
	background : url(../images/banner-footer.png) no-repeat;
	/*height : 24px;*/
	/*width : 860px;*/
	float: left;
	position:relative;
}

#middle{	
	background : url(../images/wrap-bg.png) repeat-y;
	/*height : 300px;*/
	/*width : 560px;*/
	position:relative;
	float: left;	
	font-family : "Trebuchet MS", "Lucida Grande", Helvetica;
	font-weight : normal;
	font-size : 20px;
}

#panel-sign {
	padding-left: 10px;
	float: left;
	color : #333333;
}

#panel-flash {
	/*height : 550px;*/
	float: left;
	padding:5px;
	/*width : 560px;*/
	font-family	: "Trebuchet MS", "Lucida Grande", Helvetica, Sans;
}


/* Footer
-----------------------------------------------------------------------------*/

#footer {
	border-top: #ffe37f 3px solid;	
	/*height : 100px;	*/
	text-align : center;
	margin-left : 0px;
	margin-right : 0px;
	width : 1024px;
	background-color:#fef7dd;
	float : left;
}

#footer_bottom {
	height: 20px;
	/*background : url(../images/backgroundhostelfooterbottom.png) no-repeat;*/
}

/* General Text Styles
-----------------------------------------------------------------------------*/

#warning {
	color : #ff0000;
	font-family : "Trebuchet MS", "Lucida Grande", Helvetica;
	font-weight : bold;
	font-size : 18px;
	margin : 0px 0px 0px 0px;
}

#text {
	margin : 10px 10px 10px 10px;
	text-align : justify;
}

.paws {
	background : url(../images/dogpaws.png) repeat-x bottom;
	margin-bottom : 5px;
	padding-bottom : 5px;
}

/* Nouvelles 
-----------------------------------------------------------------------------*/

.main-header {
	background : url(../images/border-hors.gif) repeat-x bottom;
	margin-bottom : 15px;
	padding-bottom : 5px;
}


#news-recent {
	margin-bottom : 20px;
}

#news-recent .news {
	background : url(../images/hsep_bg.gif) repeat-x bottom;
}

#news-recent .list .news.last {
	background : none;
	margin-bottom : 0px;
	padding-bottom : 0px;
}

#news-recent .list .news .date {

}

#news-recent .list .news .name {
	color : #272E34;
	font-weight : bold;
	font-size : 12px;
}

#news-recent .list .news .more {
	font-weight : bold;
}

.clear {clear : both;}

/* Nouvelles 
-----------------------------------------------------------------------------*/

#googleads {
	/*background-color:#ff0000;*/
	margin-left : 0px;
	margin-right : 0px;
	width : 800px;
	
}

/* photos index
-----------------------------------------------------------------------------*/
.mainphoto {
	
	width: 60%;
	height: 350px;
	text-align : center;
	float:left; 
	
}

.mainphoto img {
	/*width: 450px;*/
	
}

.sidephoto {
	height: 350px;
	width: 20%;
	float:left; 	
}

.sidephoto img {
	
	width: 120px;
	height: 80px;
	border:none;
	
}

.bottomphoto {
	background : #0000ff;
	width: 100%;
	float:left; 	
}

#button{
	width:173px;
	margin-top : 30px;
	margin-left : auto;
	margin-right : auto;
}

#text_button{
	width:173px;
	float:left;
	font-weight: bold;
	font-size : 14px;
}


#reserv_button {
	margin-left:50px;
	margin-right:50px;
	background: url(../images/bell1.jpg) no-repeat;
	width:73px;
	height:67px;
	float:left;
}

#side .side_text{
	font-weight: bold;
	font-size : 14px;
	margin: 10px 10px 10px 10px;
	padding: 10px;
	color : #272E34;
	background : #fef7dd;
	border: #333333 1px solid;
}

/* Table #mytable
-----------------------------------------------------------------------------*/


#mytable {
	width: 660px;
	padding: 0;
	margin: 0;
}



#mytable caption {
	padding: 0 0 5px 0;
	width: 660px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
	
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/* Table #sidetable
-----------------------------------------------------------------------------*/

#sidetable {
	width: 324px; 
	height: 361px;
}

#sidetable td {
	
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

/* form
-----------------------------------------------------------------------------*/
form{
	/*border-right: 2px solid #cccccc;*/
	border: 1px solid #A66200;
	/*background: #333333;*/
	background: url(../images/grey_gradient.png) repeat-x;
	
	
	padding: 2px;
	color: #333333;
	width: 600px;
	margin: auto;
}

.roomsetup {
	border: 1px solid #ff0000;
}

.field {
	padding: 2px;
	text-align: right;
	font-weight: bold;
	font-size : 14px;
	width: 130px;
}

.required {
	/*border: 1px solid #C1DAD7;*/
	/*color: #ffff00;*/
}

#room_specs{
	border: 1px dashed #FF6633;
	font-size : 13px;
	white-space: nowrap;
	width:350px;
}

#room_count{
	/*border: 1px solid #ff0000;*/
	font-size : 13px;
	white-space: nowrap;
	margin: 20px;
}

.error {
	color: #ff0000;
}

/* gradient color
-----------------------------------------------------------------------------*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }