body {
	padding:0; 
	margin:0; 
	font-family:arial; 
	background:#F0F2F5;
} 

a{text-decoration:none;outline:none;}

#contrainer{
width:1024px;
margin:auto;
}

#cadre{
	background:rgba(0,0,0, 0.1); 
	text-shadow:1px 1px #fff;
	border:1px solid gray;
	text-align:center;
	margin:auto;
	width:540px;
	padding:8px;
	margin-bottom:16px;
}


#music-video {
 margin:auto;
 width:990px;
 /* height:987px; */
 padding-top:25px;
 text-align:center;
 margin-bottom: 20px; 
 border:1px solid black;
 overflow:auto; 
 background:white;
}
 .title_music-video{background:black;color:white;font-size:22px;width:280px;cursor:default;margin-left:16px;text-align:center;}
 .title_music-video small{font-size:15px;}

button.music-video{
width:170px;
padding:5px;
background:white;
font-family:arial;
border:1px solid black;
cursor:pointer;
margin-bottom:12px;
margin-left:4px; margin-right:4px;
  position:relative;
  box-shadow:1px 1px 8px #969696;
  outline:none;
} button.music-video:hover{border:1px solid black; background:#CCFFFF;}

button.music-video img {width:150px;height:150px;border:1px solid gray;margin-top:5px;margin-bottom:2px;}
button.music-video titre {font-weight:bold;font-size:15px;}
button.music-video date_et_vues {font-size:15px;color:#717171;line-height:20px;}

.ruban_new {
  position: absolute;
  left: 0px; top: 0px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right; 
  opacity:0.7;
}
.ruban_new span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 14px; /* hauteur ruban */
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 80px; /* longueur ruban */
  display: block;
  background: green;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 14px; left: -20px;
}
 
  
#RetrouveMoiAussiSur{
	clear: both; 
	background-image:linear-gradient(white 50%, #C0C0C0);
	width:800px;
	border:1px solid #808080;
	margin:auto;
	text-align:center;
	padding:5px;
} #RetrouveMoiAussiSur font{font-size:24px;} 
  #RetrouveMoiAussiSur img{opacity:0.6;height:60px;margin-left:8px;vertical-align:middle;} 
  #RetrouveMoiAussiSur img:hover{opacity:1;}