#fond {
	top:50%;left:50%;
	position:fixed;
	width:800px;height:600px;
  margin-left:-400px;
  margin-top:-300px;
	object-fit: scale-down;
	background-image: url(images/jour_grozawosun950.png);
	background-position:center center;
	background-repeat: no-repeat;
  	background-size: cover;  
}


#brume {
	top:50%;left:50%;
	position:fixed;
	width:800px;height:600px;
  margin-left:-400px;
  margin-top:-300px;
	object-fit: scale-down;
	background-image: url(images/jourwosun950.png);
	background-position:center center;
	background-repeat: no-repeat;
  	background-size: cover;  
  	/*opacity: 0.1;
    filter: alpha(opacity=100);*/
    -webkit-transition: opacity 0.9s ease-in-out;
  	-moz-transition: opacity 0.9s ease-in-out;
  	-o-transition: opacity 0.9s ease-in-out;
  	transition: opacity 0.9s ease-in-out;
}


#brume:hover {
    opacity: 0.1;
  	filter: alpha(opacity=50);
}


/*.opacityChange {display:inline-block; position:relative;}

.opacityChange img { margin:2px;opacity:0.4;-webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;}

.opacityChange img:hover {opacity:1; border: 2px solid grey;margin:0;
  }

.opacityChange a {text-decoration:none; color:grey;}
*/
/*img.opacity:hover {
  opacity: 1;
  filter: alpha(opacity=50);
}*/