#calendar {
        font-size:11px;
        font-color: #000;        
    }
    #monthStamp {
        display:none;
    }
    #week {
    }
    #week thead tr {
        background-color: green;
        color: #fff;
        font-weight:bold;
    }
	#week td {
        padding: 0 5px;
    }
    #week tbody tr{
        width: 500px;
        height: auto;
        overflow-y: scroll;
    }
	#calendarHead {
		margin : 0 auto;
		width : 255px;
	}
	
	.slots {
		margin : 5px auto;
		display:block;
		text-align: center;
		color : #fff;
		
	}
	.hours {
		vertical-align:middle;
	}
	#week a   {
		text-decoration : none;
	}
	#week a.dispo   {
		background-color : #5cb85c;
	}
	#week a.non-dispo   {
		background-color : #d9534f;
	}
	#week a.closed   {
		background-color : #5bc0de;
	}
	#week a.selected   {
		background-color : #f0ad4e;
	}
	
	.modal a.close-modal[class*="icon-"] {
	  top: 0px;
	  right: 0px;
	  width: 23px;
	  height: 23px;
	  color: #fff;
	  line-height: 1.25;
	  text-align: center;
	  text-decoration: none;
	  text-indent: 0;
	  background: #900;
	  border: 2px solid #fff;
	  -webkit-border-radius:  26px;
	  -moz-border-radius:     26px;
	  -o-border-radius:       26px;
	  -ms-border-radius:      26px;
	  -moz-box-shadow:    1px 1px 5px rgba(0,0,0,0.5);
	  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	  box-shadow:         1px 1px 5px rgba(0,0,0,0.5);
}
#content_box h1 {
line-height: 45px;
}
#content_box #tabCalendar li{
	background:none;
	padding-left:0;	
}
#content_box #tabCalendar span{
	color:#222;
	font-size: 12px;
font-family: Arial;
}
#content_box #tabCalendar table#week thead tr {
	background:#5b5a5a;
}
#content_box #tabCalendar table#week thead tr th{
	background:#5b5a5a;
	border: 1px solid #eee;
}
#content_box #tabCalendar table#week thead tr th span{
	color:#fff;
}
 #week table body tr td{
	background:#bebbbb;
}
#content_box #tabCalendar table#week tbody tr:first-child td,#content_box #tabCalendar table#week tbody tr:first-child th{
	background:	#d7d8d5!important;
	line-height:30px!important;
    padding: 0 2px;
}
input, select, textarea {
width: 96%;
margin-bottom:5px;
}
#content_box #formCalendar input#searchsubmit{
	margin: 0 auto;
width: auto;
background: #333;
color: #fff;
border:0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: block;

}
#content_box #recap{
border: 1px solid #ccc;
border-radius: 5px;
padding: 2%;
position: relative;
min-height: 36px;
width: 96%;
margin: 0;
}
#content_box #formCalendar div.controls {
margin-left: 0;
}
#content_box span#selectedService  {
	color:#428bca;
font-size: 14px;
font-weight:700;
}
#content_box span#selectedDate  {
color:#428bca;
font-size: 14px;
font-weight:400;
}
#content_box span#selectedIntervenant  {
color: #428bca;
font-weight: 700;
font-size: 14px;
clear: both;
overflow: hidden;
display: table;
}

#content_box a#changeSelected{
background: #428bca;
color: #fff;
right: 10px;
position: absolute;
top: 10px;
float: right;
padding: 0 10px;
line-height: 29px;
display: table;
border:0;
	
}
@media screen and (max-width: 600px), screen and (max-device-width: 480px) {
	table#week{
	    width: 100%;
	}
	#content_box #tabCalendar table#week thead tr th{
		padding: 4px;
	}
	#content_box #tabCalendar table#week thead tr td{
		padding: 0 4px;
	}
	#content_box #tabCalendar table#week thead tr td span{
		font-size:11px
	}
	#content_box #tabCalendar span{
	    font-size: 9px;
	}
	#calendarHead a{
		display:inline
	}
	#formCalendar .form-control{
	    width: 91%;
	}
	#content_box a#changeSelected{
	    top: 47px;
	}
}