html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	font-size: 16px;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
	overflow: hidden;
	background-color:#b2b2b2;
    background-image:url('img/fds.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center; 
    background-size: cover;
    z-index:0;	
	-webkit-overflow-scrolling: touch;
}

a:link {
	color: #666;
	text-decoration: none;	
}
a:visited {
	color: #666;
	text-decoration: none;	
}
a:hover {
	color: #bc5a45;
}
a:active {
	color: #666;
	text-decoration: none;	
}

.content{
	z-index:1;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:21px;
	-webkit-overflow-scrolling: touch;
	overflow:auto;
}
.content::-webkit-scrollbar {
  width: 6px; 
}

.content::-webkit-scrollbar-thumb {
  background-color: #cccccc; 
  border-radius: 3px; 
  border: 1px solid #000000; 
}
.hb_menu{
	z-index:12;
	position:fixed; 
	top:0px; 
	right:0px; 
	height:40px; 
	width:40px; 
	line-height:40px; 
	font-size:34px; 
	color:#000;
	text-align:center;
	text-shadow: -2px -2px 4px #666666;
	
}

.menu{
	z-index:11;
	display:block;
	position:fixed; 
	top:0px; 
	right:-204px; 
	bottom:0px; 
	width:200px; 
	background-color:#FFF; 
	font-size:24px; 
	color:#000;
	padding:45px 2px 2px 2px;
	transition: 0.2s;
	box-shadow: rgb(38, 57, 77) -10px 0 20px -5px;

}
.menu_item{
	font-size:100%;
	display:block;
	cursor:pointer;
}
.case{
	width:calc(100% - 4px);
	min-height:50px;
	border:2px solid #FFF;
}
.case_jour{
	font-weight:bold;
	font-size:100%;
}
.case_rdv{
	font-size:90%;
	margin-left:15px;
	border-top:1px solid #999;
}
.case_jour_futur{
	font-weight:bold;
	font-size:100%;
	color:#0000CC;
}
.div_bottom{
	z-index:10;
	display:block;
	position:fixed; 
	bottom:0px; 
	right:0px; 
	left:0px; 
	height:20px; 
	background-color:#FFF; 
	font-size:12px; 
	line-height:20px;
	color:#000;
	text-align:center;
	border-top:1px solid #b2b2b2;
}
.div_grise{
	position:fixed;
	z-index:50;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;;
	background-color: #000000;
	filter:alpha(opacity=50);
	-oz-opacity:.50;
	opacity:.50;
	visibility:hidden;
}
.div_trt{
	z-index:100;
	position:fixed;
	width:290px;
	bottom:15px;
	max-height:400px;
	background-color:#FFF;
	left:50%;
	top:52px;
	margin-left:-145px;
	border:1px solid #FFF;
	visibility:hidden;
	border-radius: 10px;
	padding:5px;
	overflow:auto;
	text-align:justify;
	box-shadow: rgb(38, 57, 77) -10px 0 20px -5px;
	color:#000;	
}
.div_trt::-webkit-scrollbar {
  width: 6px; /* width of the entire scrollbar */
}

.div_trt::-webkit-scrollbar-thumb {
  background-color: #; 
  border-radius: 3px; 
  border: 1px solid #000000; 
}

@media only screen and (max-width: 800px) {
	.menu_item{
		font-size:120%;
	}	

	.case_jour{
		font-size:90%;
	}
	.case_rdv{
		font-size:80%;
	}
	
}