.imgs-wram,.trade-imgs-categ {
	margin-left: 1%;
	float: left;
	overflow: hidden
}

.halles,.calendar-hall {
	padding: 0 7px;
	border: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 5px
}

.halles ul {
	width: 100%;
	padding: 5px;
	overflow: hidden;
	margin: 0
}

.halles ul li {
	background-color: #68a4da;
	border: 1px solid #fff;
	color: #fff;
	cursor: pointer;
	float: left;
	line-height: 24px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 5px;
	text-align: center
}

.halles ul li:hover {
	background-color: #08298a
}

.halles ul li.active {
	border: 2px solid #b40404;
	background-color: #6c3
}

.year_months ul {
	width: 100%;
	padding: 5px;
	overflow: hidden;
	margin: 0
}

.year_months ul li {
	color: #fff;
	float: left;
	font-size: 13px;
	line-height: 24px;
	list-style: none outside none;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	width: 7.80%;
	border: 1px solid #FFF;
	background-color: #68a4da;
	cursor: pointer
}

.year_months ul li.actual {
	border: 2px solid #b40404;
	background-color: #6c3
}

.year_months ul li a {
	color: #FFF;
	text-decoration: none
}

{
	background-position: center bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 100%
}

#calendar .header {
	margin-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center
}

#calendar .header img {
	width: 14px;
	height: 10
}

#calendar .header .left {
	float: left;
	cursor: pointer
}

#calendar .header .right {
	float: right;
	cursor: pointer
}

#calendar .header .mount_title {
	color: #000;
	font-size: 13px;
	line-height: 24px;
	text-align: center
}

.month_container {
	background-position: center bottom;
	background-repeat: no-repeat;
	border: 1px solid #ddd;
	margin-bottom: 1%;
	overflow: hidden;
	padding: 10px;
	width: 100%;
	display: none
}

.month_container.visible {
	display: block
}

.month_container ul li {
	color: #fff;
	background-color: #6c3;
	float: left;
	font-size: 13px;
	line-height: 24px;
	list-style: none outside none;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	width: 13.55%;
	cursor: pointer
}

.month_container ul li.actual {
	border: 0 solid #b40404;
	color: #b40404;
	background-color: #facc2e
}

.month_container ul.days li,.month_container ul li.enable {
	background-color: #CCC
}

.rooms,.request {
	background-position: center bottom;
	background-repeat: no-repeat;
	border: 1px solid #ddd;
	margin-bottom: 1%;
	overflow: hidden;
	padding: 10px;
	width: 100%
}

.rooms ul {
	float: left;
	margin: 2px;
	width: 100%
}

.rooms ul li {
	background-color: #6c3;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 13px;
	line-height: 24px;
	list-style: none outside none;
	text-align: center
}

.rooms ul.room li.title,.rooms ul.hours li.header_day
	{
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	width: 20%
}

.rooms ul li.title {
	color: #fff;
	background-color: #68a4da
}

.rooms ul li.header_day {
	color: #fff;
	background-color: #68a4da;
	text-align: center
}

.rooms ul.hours li {
	background-color: #68a4da;
	margin-left: 1px;
	margin-right: 1px;
	width: 5%
}

.rooms ul.room li {
	width: 2.5%;
	margin-left: .5px;
	margin-right: .5px
}

.rooms ul.room li.full {
	background-color: #c63127
}

.rooms ul.room li.full span {
	display: none
}

span.cell {
	position: absolute;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #68a4da
}

span.cell h4 {
	font-size: 12px;
	font-weight: lighter;
	text-transform: uppercase;
	margin-bottom: 2px;
	margin-top: 2px
}

.rooms .upload,.col-calendar-wrap .upload {
	text-align: center;
	display: none
}

.month_container .occupied {
	background-color: #ff8000
}

.request {
	border: 1px solid #ddd;
	text-align: center;
	display: none
}

.request .ligne {
	float: left;
	margin-bottom: 5px;
	padding-left: 15px;
	text-align: left;
	width: 100%
}

.request .ligne .text {
	float: left;
	width: 18%;
	line-height: 20px;
	text-align: left
}

.request .ligne .content {
	float: left;
	padding-left: 15px;
	line-height: 20px;
	text-align: left
}

.request h2 {
	font-size: 17px;
	font-weight: 300;
	margin-top: 0;
	padding-left: 15px;
	text-align: left
}

.request .sendButton {
	color: #fff;
	margin-right: 5px;
	text-align: center;
	background-color: #3c70a2
}

.request .status {
	color: #fff;
	float: left;
	margin-right: 5px;
	text-align: center;
	background-color: #6c3;
	display: none;
	width: 100%
}

.request .status p {
	padding-bottom: 0
}

.empty {
	background-color: #fff !important
}


@media (max-width: 1300px) {
	.year_months ul li {
		width: 7.55%;
		margin-left: 2px;
		margin-right: 2px;
	}
	.rooms ul.room li.title,.rooms ul.hours li.header_day{
		padding-left: 2px;
		padding-right: 2px;
		width: 17%
	}	
}

@media (max-width: 615px) {

	.year_months ul li {
		width: 7.2%;
	}
	.rooms ul.room li.title,.rooms ul.hours li.header_day{
		padding-left: 2px;
		padding-right: 2px;
		width: 15%
	}		

	.header_date,	.header_room {
		background-color: #68a4da;
		border: 1px solid #fff;
		color: #fff;
		cursor: pointer;
		float: left;
		font-size: 13px;
		line-height: 24px;
		list-style: none outside none;
		margin-bottom: 2px;
		padding-left: 5px;
		margin-left: 0;
		margin-right: 2px;
		text-align: left;
		width: 100%;
	}
	
	.mob_room {
		overflow:hidden;
		display:block;
		float:left;
		width: 100%;
	}

	#mob{
		float: left;
		margin: 0;
		width: 100%;
		padding-left: 0;
	}
	
	#mob li.not_reserved{
		background-color: #6c3
	}

	#mob li span{
		float: left;
	}
	#mob li h5{
		float: left;
		font-size: 14px;
		margin: 2px 5px 0;
		padding: 2px;
	}
	
	#mob li{
		float: left;
		width: 100%;
		margin-bottom: 3px;
		text-align: left;		
		background-color: #8A0808;
	}
}