/* rescalendar */

.contenu {
	padding-left:80px;
	padding-right:80px;
}
.rescalendar{
	max-width: 1000px;
	overflow: auto;
	margin: 0 auto;
}

.rescalendar_controls{
	margin-left: 65px;
	padding: 0;
}

.rescalendar_controls input{
	text-align: center;
}

.rescalendar_table{
	padding-top: 10px;
	margin: 0 auto;
}

.rescalendar_table .firstColumn{
	
	text-align: left;
}

.rescalendar_day_cells td{
	width: 22px;
	border-radius: 0px;
}

.rescalendar_day_cells td.disabledDay{
	color: #fff;
	background: #3532326c;
}

.rescalendar_day_cells span{
	display: block;
	padding: 0 2px 0px;
	font-size: 14px;
	width: 22px;
}

.rescalendar_day_cells span.day{
	display: block;
	width: 30px;
}

.rescalendar_day_cells td.today{
	border: 1px solid red;
}

.rescalendar_day_cells td.middleDay{
	
	background: red;
	color: #fff;
}



.rescalendar_day_cells td:hover{
	background: #eee;
	cursor: pointer;
	color: #000;
}
.rescalendar_day_cells td.middleDay:hover{
	
	background: red;
	color: #fff;
}

.rescalendar td a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.rescalendar td .hasEvent{
	background: yellow;
}

.error_wrapper{
	width: 100;
	text-align: center;
	background: red;
	color: #fff;
	padding: 15px;
}

#joursuivant {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
  }

  #jourprecedent {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
  }

  #moisencours {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
  }
  #mesencours {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
  }


  #mesencours {
    color: #fff !important;
    font-weight: 800 !important;
	
    background-color: #f00 !important ;
    text-transform: uppercase !important;
	background: #f00 url("../img/select_arrow.png") calc(100% - 15px) 18px no-repeat !important;
    background-size: 7px 4px;
    position:relative
}
.LesBoutons {
	margin-right: 5px;
}

#LesFiltres {
	display: block;
	text-align: center;
}

@media screen and (max-width: 800px) {
	#LesFiltres {
		display: none;
		text-align: center;
	}
  }

  @media screen and (max-width: 800px) {

	.contenu {
		padding-left:0px;
		padding-right:0px;
	}
	 .btn.large {
		height:auto !important; 
		max-width: 60% !important;
		line-height: 20px !important;
		padding: 0 30px;
		font-size: 12px;
		font-weight: 600;
		white-space:normal !important;
	}
  }