@import url(http://fonts.googleapis.com/css?family=Rye);
@import url(http://fonts.googleapis.com/css?family=Slackey);
@import url("sc-player-standard/standards.css"); 
@import url("sc-player-standard/structure-horizontal.css"); 
@import url("sc-player-standard/colors-green.css");

body {
	background: url(../bodybg.jpg);
	background-size:100%;
	background-repeat: repeat-y;
}
h1 {border:none;}
@media only screen and (device-width: 768px) {
  section#st-panel-1 {
	/*background:url(http://robertoandthemoods.free.fr/v2/img/bg1920.jpg) ;/* prb de fixed sur ipad*/*/
	background-size:100%;
	
	}
}
@media only screen and (device-width: 768px) {
  section#st-panel-1 {
/*	background:url(http://robertoandthemoods.free.fr/v2/img/bg1920.jpg) ;/* prb de fixed sur ipad*/*/
	background-size:100%;
	
	}
}
@media screen and (max-width: 520px) {
	.st-panel h2 {
		font-size: 42px;
	}
	
	.st-panel div {
		width: 90%;
		left: 5%;
		margin-top: 0;
	}
	
	.st-container > a {
		font-size: 13px;
	}
}
@media screen and (max-width: 360px) {
	.st-container > a {
		font-size: 10px;
	}
	
	.st-deco{
		width: 120px;
		height: 120px;
		margin-left: -60px;
		
	}
	
	
}
#videos {position:absolute; width:70%; height:20%; left:15%; top:18%;}
#videos iframe {padding:5px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:  0px 0px 20px 8px rgba(0, 0, 0, 0.5); 
	box-shadow:  0px 0px 20px 8px rgba(0, 0, 0, 0.5); background-color:black;}
div#ladymood {
/*	background-color:black;*/
/*	width:30%;*/
	height:20%;
position:absolute;
	left:58%;
	top:-2%;
	
}
#ladymood img {
	height:100%;
}