body {
	font-family:Times New Roman;
	font-size:96%;
	color:#000000;
	margin:0;
	padding:0;
}
#container{
	width: 100%;
	height:100%;
	position:relative;	/* permet positionnement absolu de son contenu */
	background-color:#333333;
}
.left {
	float: left;
	clear: right;
}
.block{
	position:absolute;
	border:1px solid #000000;	/* var bor */
}

/********* top *********/

#top{
	background-color:#bbbbbb;
}
.topthumbcont {
	padding:0px;
	background:#dddddd;
	border:1px solid #444444;
	border-spacing: 5px 5px;
}
.topthumb {
	padding:0px;
/*	border:1px solid #444444;*/
	width:100px;
	height:75px;
	display:table-cell;
	vertical-align: middle;
}

/********* albfilter *********/

#albfilter {
	padding:1px;
	background:#cccccc;
	display:table-cell;
}
#albcountxt{
	
}

/*  *** Dropdown menu *** */

 /* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 2px 8px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #aaa; /*#f1f1f1;*/
  min-width: 110px;
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
  z-index: 1;
	cursor: pointer;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 4px 10px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content :hover {background-color: #f1f1f1} /* #bbb} */

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 


/********* alblist *********/

.albcontainer {
	padding:0px;
	background:#aaaaaa;
	border:1px solid #444444;
	border-spacing: 5px 5px;
}
.albthumb {
/*	padding:5px;*/
	border:0px solid #444444;
/*	width:100px;
	height:75px;
	display:table-cell;*/
	vertical-align: middle;
}
.albimg {
	border:1px solid #444444;	
	padding:0px;
	width:100px;
	height:75px;
}
.albdata {
	padding:3px;
	border:1px solid #444444;
	background:#cccccc;
	width:213px;
	height:120px;
	color:#000000;
	text-align:left;
	font-family:Times New Roman;
	font-size:90%;
	display:table-cell;
}
.albtitle {
	font-weight:bold;
}
#alblist{
	background-color:#666666;
/*	display:block;*/
	overflow:scroll;
}

/********* map *********/

#map{
	background-color:#aaaaaa;
}
#popup{
  position: absolute;
  background-color: #ff0000;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #000000;
  bottom: 12px;
  left: 0px;
	color: #0000ff;
	white-space: nowrap;
	visibility: hidden
}
.ol-mouse-position {
	top: 0.7em;
	right: 3em;
	color: #fff;
	background-color: rgba(0,60,136,.5);
	padding: 1px 5px;
	border-radius: 3px;
}




#frame{
	border:0px;
	overflow:auto;
}