body {  margin-top:3px; 
	margin-bottom:0px;
	font-family: jura-demibold, arial; 
	position: relative;
	top: 0px;
	left:0px;
	width: 1000px;
	height: 100%;
	margin-left: auto;
	margin-right:auto;
        padding-bottom: 8px;
        background-image: url(../images/fond.gif); 
        background-repeat: repeat;   }


#top { 
      position: absolute;
      top: 8px;
      left: 0px;
      height: 234px;
      margin-left: auto;
      margin-right:auto;     
      border: 1px solid #000;
      border-bottom-left-radius: 1.1em;
      border-bottom-right-radius: 1.1em;
      box-shadow: 7px 7px 12px #666; }

#filet  {  
	position: absolute;
        top: 136px;
        left: 620px;      
        font-size: 26px;
        color: #3366FF;   
        text-shadow: 1px 1px 2px #fff; }

     
#cadre {
       position: absolute;
       top: 276px;
       left: 664px;
       width: 320px;
       height: 260px;
       padding: 0px;
       margin-left:2px;
       margin-right: 0px;     }  

 	
#player {
        position: absolute;
        top: 300px;
	padding: 0;
        font-family: arial, helvetica, geneva, sans-serif;
        font-size: smaller;
	width: 640px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left:auto;
        margin-right: auto;  }
	
#signature {
        border: solid 5px #333;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-family: arial, helvetica, geneva, sans-serif;
        font-size: smaller;
        background-color: #000;
        color: #fff;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 310px;      }
      
#playlist {
	border: solid 5px #000;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: smaller;
      	background-color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 310px;   }

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

#playlist li:nth-child(odd) {
      	background-color: #3366FF;   }

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

a {        color: #fff;
           font-size:16px;
           font-style: normal;
           font-family: jura-demibold, arial;
           text-decoration:underline; }

a:hover { color:#000; 
          font-style: italic;   }

a:visited { color:#A0A0A4;
	    text-decoration:line-through; }

a:active { color: #fff;
           text-decoration: overline; }  


a.lien-son {        
           color: #FFFF00;
           font-size:16px;
           font-weight: bold;
           font-style: normal;
           font-family: jura-demibold, arial;
           text-decoration:underline; }

a:hover.lien-son { 
          color: #000; 
          font-style: italic;   }

a:visited#lien-son { 
            color:#A0A0A4;
	    text-decoration:line-through; }

a:active.lien-son { 
           color: #fff;
           text-decoration: overline; }  

#lien { position: absolute;
        top: 320px;
        left: 350px;
        font-size:18px; }



#titre {  position: absolute;
          top: 148px;
          left: 330px;
          font-size: 72px;
          color: #FFFF00;
          text-shadow: 6px 6px 4px #000;   }


#pied-page {  position: absolute;
              top: 806px;
              left: 0px;   
              width: 980px; 
	      height: 22px;
              border: solid 1px black ;
              padding: 4px;
              margin-bottom: 20px;
              border-color: #000;              
              font-size : 1.1em; 
              font-weight: bold;
              letter-spacing : 3px;
              color: #000;
              text-align: right;
              text-shadow: 2px 2px 4px #000;
              border-radius: 8px 8px;
              -moz-border-radius: 8px 8px;
              -webkit-border-radius: 8px 8px; 
              background-image: url(../images/fond2.gif); 
              background-repeat: repeat;   }
    
 #legende  {  position: absolute;
               top: 290px;
               left: 740px;      
               font-size: 14px;   }



.texte1::first-letter {
      float: left;
      font-family: jura-demibold, arial;
      font-size: 2.5em;
      font-weight: normal;
      margin-right: 6px;
      line-height: 0.9; 
      text-shadow: 3px 3px 6px #000;}


.texte2::first-letter  {
      float: left;
      font-family: jura-demibold, arial;
      font-size: 2.5em;
      font-weight: normal;
      margin-right: 6px;
      line-height: 0.9; 
      text-shadow: 3px 3px 6px #000;}



@font-face {
  font-family: 'jura-demibold';
  src: url('http://www.tech4tek.net/fonts/jura-demibold-webfont.eot');
  src: url('http://www.tech4tek.net/fonts/jura-demibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('http://www.tech4tek.net/fonts/jura-demibold-webfont.woff') format('woff'),
       url('http://www.tech4tek.net/fonts/jura-demibold-webfont.ttf') format('truetype'),
       url('http://www.tech4tek.net/fonts/jura-demibold-webfont.svg#jurademibold') format('svg');
  font-weight: normal;
  font-style: normal;
}