/*@media screen and (max-width:480px) and (orientation:landscape) {
	body {background-color:#0000ff;}
}*/

@media screen and (max-width:640px) {

	body, #body-news, #body-shop, #body-result, #body-mix, #body-coverart  {background-image: none;}

	img {margin:0; padding:0; outline-style:none; outline-width:0; max-width:100%;height:auto;}
	
	#wrapper-global{width:100%!important;margin:0 auto;background-color:#fff;} /*border:solid 1px #ff0000;*/
	#wrapper-main{width:100%!important;margin:0;} /*border:solid 1px #ff0000;*/
	
	#header{height:auto;/*border:1px dotted #0000FF;*/padding:5px 0;}
	#header #logo{position:relative;top:0;left:0;width:100%!important;height:auto!important;}
	#header #logo img{max-width:100%}

	#header #div-search{display:none;float:none;position:relative;top:0;left:0;margin:0;padding:0;}
	
	#wrapper-nav {height:auto!important;margin-bottom:10px;} /*border:solid 1px #ff0000;*/

	ul#nav-main {height:auto;width:100%;} /*border:solid 1px #ff0000;*/
	ul#nav-main li {display: block;width:100%!important; margin:0 0 1px 0;} /*border:solid 1px #ff0000;*/
	ul#nav-main li a{width:100%!important;padding:0;margin:0;}
	ul#nav-main li a span {margin-left:4px!important;}
	
	ul#menu-shop {width:100%!important;}
	ul#menu-shop li a {font: .8em Arial,sans-serif;height:2em;line-height: 2em;}

	#col-content {float:none;width:auto!important;margin:0 8px;}
	#col-nav{float:none;width:100%!important;}
	
	#col-social{float:left;width:100%!important;padding-top:10px;font-size:1em;color:#777;}
	
	/*#bloc-title {font-size:1.4em;}*/
	#bloc-title{margin:0;padding:0 0 10px 0;}
	#bloc-title .title {float:none;padding: 5px 0;font-size:1.6em;}
	
	.bloc-piece {margin-bottom:8px;padding:0 0 10px 0; font-size:1em;color:#555;border-bottom:solid 2px #d8d8d9;} /* border:dotted 1px #ff0000;background-color:#ddd;*/
	.bloc-piece	.descr {float:none; width:100%!important;} /* border:dotted 1px #0000ff;background-color:#333;*/
	.bloc-piece	.pochette {float:none;width:100%!important;height:auto;}
	.bloc-piece	.pochette img {padding-bottom:6px;overflow:hidden;}
	.bloc-piece	.pochette span {font-weight:bold;font-size:.85em;color:#555;}
	.bloc-piece	.descr-artiste {padding-top:10px;font-size:1.4em;font-weight:bold;color:#000;}
	.bloc-piece	.descr-artiste span{margin-left:12px;font-size:.8em;color:#f53600;}
	.bloc-piece	.descr-album {font-weight:bold;color:#777;}
	.bloc-piece	.descr-txt {padding:10px 0 10px 0;}
	.bloc-piece	.descr-label {font-weight: bold;color: #006600;}
	.bloc-piece	.dewplayer_content{padding:0;}
	.bloc-piece	.dewplayer_content.mix {float:none}
	
	.bloc-piece.shop {width:100%!important;}
	.bloc-piece.mix {width:100%!important;}
	
	.bloc-piece	.descr.mix {float:none; margin-right:0; width:100%!important; } /*border:solid 1px #ff0000;  background-color:#333;width:494px;*/
	.bloc-piece	.pochette.mix {float:none;width:100%!important;height:auto;padding-top:10px;}
	
	.dewplayer_content{float:none;width:100%!important;}
	.bloc-piece	.download {float:none;display:none}
	
	h2.title-contact, h2.title-links {font-size:1em;padding:10px 0 5px 0;}
	
	.num-pages {float:none;margin:0; } /*border:dotted 1px #0000ff;*/
	.num-pages .pg-on, .num-pages-footer .pg-on {margin-right:2px;padding:.5em .9em; color:#000;  border:solid 1px #aaa;background-color: #eee;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;border-radius: 0.5em;} /*padding: 1px 8px 2px 8px; background-color: #333;*/
	.num-pages .pg a, .num-pages-footer .pg a {display:block;margin-right:2px;padding:.5em .9em; cursor:pointer; border:solid 1px #aaa; background-color: #eee;	-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;border-radius: 0.5em;} /*padding: 1px 8px 2px 8px; background-color: #555;*/
	.num-pages .pg a:link, .num-pages .pg a:visited, .num-pages .pg a:active,
	.num-pages-footer .pg a:link, .num-pages-footer .pg a:visited, .num-pages-footer .pg a:active {color:#aaa;}
	
	ul.contact li {font-size:1em;color:#777;}
	
	#grading-policy{padding:10px 0 20px 5px;font-size:1em;}
}

@media screen and (max-width:380px) {
	/*body {color:#ff0000;*/
}