#buttonbar {  
   background-color: #87abc7; 
   border: solid 2px #000;
   padding-top: 6px; 
   padding-bottom: 12px;
   padding-left: 4px;
   padding-right: 8px;
   width: 228px; 
   text-align:center;
   margin-bottom: 10px;
   margin-left: 6px;  }

button { 

   background-color: #ecca0a;
   border: solid 2px #000;
   width: 42px; 
   height: 42px;
   margin-bottom: 10px;
   border-radius: 1.8em;
   font-weight: bold;
   box-shadow: 4px 4px 6px #000; }
    
button:hover {    

   background-color: #fff; 
   cursor: pointer;
   box-shadow: 2px 2px 0px #000; }


 
#cadre {
       position: relative;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 102%;
       padding: 0px;
       margin-left:0px;
       margin-right: 0px;     }  

#menu  {  
	  position: absolute;
          top: 174px;
          left: 20px;
          height: 100%;   }


 	
#player {
	padding: 0;
        font-family: antoniobold;
        font-size: 19px;
	width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        margin-left:auto;
        margin-right: auto;  }
	

      
#playlist {
	
	
	font-size: 19px;
      
	
	margin: 0;
	padding: 0;
        margin-left:auto;
        margin-right: auto;
	width: 100%;   }

#playlist li { background-color: #ccc;    }

#playlist li:nth-child(even) {
      	background-color: #ecca0a;    }

#playlist li:nth-child(odd) {
      	background-color: #87abc7;  }

#playlist li a,
#playlist li a:visited,

#playlist li a:hover    {
        color: #000;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;  }



.lienvid { color: #000; text-decoration: none; }

.lienvid:hover {color:#000;  }


.lienvid2 { color: #000; text-decoration: none; }

.lienvid2:hover { color:#000;   }