/******************************
smaller than 780 
******************************/
@media screen and (max-width: 1020px) {
	#menu {
		width: 300px;
	}
	#wrapper {
		width: 960px;
	}	
}

/******************************
smaller than 720 
******************************/
@media screen and (max-width: 990px) {
	#menu {
		width: 200px;
	}
	#wrapper {
		width: 794px;
	}
	#main {	
		width: 594px;
		overflow: hidden;
	}	
	#main img{	
		zoom: 90%;
	}
	
	#main iframe{	
		width: 100%;
	}
	
	@-moz-document url-prefix() {
		#main img {	
			width: 100%;
			height: auto;
		}
	}		
	.actu_image {
		width: 292px;
		height: 117px;
		overflow: hidden;		
	}
	.actu_item {
		width: 292px;	
	}
	.albums_item {
		width: 185px;
		float: left;
		margin: 12px 5px 0 0;
	}
	.albums_image {
		width: 185px;
		height: 166px;
		overflow: hidden;
	}
	
}




/******************************
smaller than 650 
******************************/
@media screen and (max-width: 815px) {
	#wrapper {
		width: 596px;
	}
	#main {	
		width: 396px;
	}	
	#main img{	
		zoom: 60%;
	}
	.actu_image {
		width: 193px;
		height: 78px;
		overflow: hidden;		
	}
	.actu_item {
		width: 193px;	
	}
	.albums_item {
		width: 120px;
		float: left;
		margin: 12px 5px 0 0;
	}

	.albums_image {
		width: 120px;
		height: 110px;
		overflow: hidden;
	}	
}



/******************************
smaller than 500 
******************************/
@media screen and (max-width: 640px) {
	#menu {
		width: 310px;
		float: none;
		margin: 0 5px;
	}
	#wrapper {
		width: 320px;
		margin: 10px auto 50px;
	}
	#main {	
		width: 310px;
		float: none;
		margin: 0 5px;
	}	
	#main img{	
		zoom: 47%;
	}
	
	.actu_image {
		width: 150px;
		height: 61px;
		overflow: hidden;		
	}
	.actu_item {
		width: 150px;	
	}

	.albums_item {
		width: 95px;
		float: left;
		margin: 12px 5px 0 0;
	}

	.albums_image {
		width: 95px;
		height: 85px;
		overflow: hidden;
	}	
}