/* Colors */
/*
Brun foncé: #D4B193
Brun clair: #F0E3DA
*/

body {background:url('../../../Public/media/img/background.jpg') repeat-x; color:#000000; font-family:Verdana, sans-serif; font-size:0.75em; margin:0; padding:0;text-align:center;}
button, submit, input[type^=submit] {border: 1px solid #000; background: transparent;}
button#confirm{width: 60px; margin: 0 4px 0 0;}
button#cancel{width: 50px;}
input[type^=submit] {margin: 10px 0;}
textarea, input {border: 1px dashed #000; background: transparent;}
label {margin: 10px 0 0 0; display:block;}
a {background: black; color: white; text-decoration: none; padding: 0px 3px;}
a:hover {background:#F0E3DA; color: black; padding: 1px 3px;}
table {border-collapse:collapse; width:100%;}
h1{font-size: 18px; margin: 110px 0 15px 0; display: block; border-bottom: 1px solid #000;}
ul {margin: 0; padding: 0;}
ul li {background:url('images/arrow.png') no-repeat 0 6px; list-style-type:none; margin: 0; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0}

#contener {width: 960px; margin: 0 auto;margin-right:auto;text-align:left;}
#content {width:750px; float: left; position:relative;}


/****MENU****/
#menu #languages{float:right; margin: 25px 0;}
#logo { margin: 25px 0;}
#menu {width: 200px; float: left; margin: 0 10px 0 0;}
#menu p {margin: 7px 0;}
a.menu-item {background: #fff; color: black; text-decoration: none; padding: 0px 2px; border: 1px solid #000;}
a.menu-item:hover {background:#F0E3DA; color: black; padding: 0px 2px;}
a.menu-item.selected  {background: black; color: white; text-decoration: none; padding: 0px 2px; border: 1px solid #000;}

/****NEWS****/
.news h2 {font-size: 16px; display: block; border-bottom: 1px dashed #000;}
.showNews {margin: 10px 0;}
.news h3 {font-size:12px;}
a.inner{background:#F0E3DA; color:black;text-decoration: none; padding: 2px;border: 1px solid #F0E3DA;}
a.inner:hover{border: 1px solid #000;}


/****RESERVATION****/
.calendar{
	/*float: right;*/
	margin: 25px 0;

}

.reservable #buttons{
	position: absolute;
	width:100%;
	height:20px;
	top:0;
	bottom:0;
	margin:auto;
}

.reservation{
	height:18px;
	border: 1px dashed #000;
	font-size: 12px;
	overflow:hidden;
	position:absolute;
}

.reservation.block{
	width:115px;
	margin:0 0 0 0px;
}

.reservation.available{
	width:117px;
	height:560px;
	background:#F0E3DA;
	margin:0 0 0 7px;
	top:0px;
	left:40px;
}

.reservation.reservable {
	width:115px;
	background:white;
	position:relative;
	border: solid 1px dashed;
	margin:0 0 0 0px;
}

.reservation.reserved{
	background:#D4B193;
}

.reservation.reserved.disable{
	opacity: 0.5;
}

.reservation.not-available{
	background:red;
}

.room{
	border: 1px dashed #000;
	vertical-align:top;
	font-size: 12px;
	width: 185px;
}
.room h3 {font-size: 11px;text-align:center;}
.shedule{
	/*margin-left: auto;
	margin-right: auto;*/
	position: relative;
	width:171px;
	padding:7px;
	
}

.time-slot{
/*	float:left;*/
	display:block;
	position: relative;
	top:0px;
	left:0px;
	margin:0;
	width:40px;
	height:560px;
}
.disponibility{
/*	float:left;*/
	display:block;
	position:relative;
	/*text-align:center;*/
}
.description{
	/*margin-left:10px;
	margin-right:10px;
	float:left;*/
	display:block;
	text-align:left;
	padding: 10px;
}

.description li{
	list-style: none;

}

.time-slot .period{
	/*font-size:10px;*/
	width:40px;
	height:18px;_height:20px;
	border: 1px solid #000;
	border-bottom:  1px solid #fff;
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-align:center;
}

.time-slot .period:last-child {
	border-bottom: 1px solid #000; height:18px;
}

.resize-bar {
	-moz-user-select:none;
	display:block;
	/*font-size:10px;*/
	position:absolute;
	z-index:99999;
}
.resize-bar.resize-bar-south {
	bottom:-5px;
	cursor:s-resize;
	height:7px;
	left:0;
	width:100%;
}
.resize-bar.resize-bar-north {
	top:-2px;
	cursor:n-resize;
	height:7px;
	left:0;
	width:100%;
}

/*#new-reservation {width: 150px;}*/

/****NEWS****/
.news{
/*	border-style:solid;
	border-width:1px;
	margin-left:20%;*/
	min-height:130px;
	width:100%;
}

.preview-icon{
	float:right;
}

.newsConent{
	display: none;
}
.addnews{
	/*float:right;*/
	/*width:25%;*/
	/*margin-right:10%;*/
}

/**
 * Ajout de CSS pour la gestion du Parking
 *
 * @author		Julien
 * @since		2010-03-15
 */
table.form.parking {
	width: 100%!important;
}

table.form.parking td {
	margin: 1%!important;
	padding: 0%!important;
}

table.form.parking td.label {
	width: 30%!important;
}

table.form.parking td.value {
	width: 70%!important;
}

p.message {
	font-weight: bold;
}

p.message.error {
	color: red;
}

#content.parking-report table{
	border-collapse:separate;
	border-spacing:1px;
	width:1030;
	font-size:1em;
}

#content.parking-report .header{
	height:18px;
	text-align:center;
}

#content.parking-report .header th.period{
	background:#F0E3DA;
	height:17px;
	width:50px;
}

#content.parking-report .line{
	height:20px;
	text-align:center;
	border-bottom:1px dashed #000000;
}

#content.parking-report .line .place-id{
	background:#F0E3DA;
	width:30px;
}


#content.parking-report .line .place.even{
	background:#F0E3DA;
}

#content.parking-report .line .car-place-reservation{
	background:#D4B193;
	height:20px;
	overflow:hidden;
}

#content.parking-report .line .car-place-reservation a.reserv-link:link,
#content.parking-report .line .car-place-reservation a.reserv-link:visited,
#content.parking-report .line .car-place-reservation a.reserv-link:hover,
#content.parking-report .line .car-place-reservation a.reserv-link:active {
	color: white!important;
	text-decoration: underline!important;
}

#content.parking-report .line .car-place-reservation a.reserv-link:hover {
	color: ivory!important;
	font-weight: bold!important;
}