body {  
        margin-top:3; margin-bottom:0;
	font-family: jura-demibold; 
	background-color:#ffffff;
	position: relative;
	top: 0px;
	left:0px;
	width: 1000px;
        font-size: 24px;
        color: #000;
	height: 100%;
	margin-left: auto;
	margin-right:auto;   }


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



.boitus   { 

	position: absolute;
	top: 350px;
	left: 320px;
	width: 644px;
        height: 606px;
        padding: 7px;
        margin: 7px; 
	overflow: auto;
        text-align: justify; }

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

 	
#player {

	padding: 0;
	font-family: jura-demibold;
        font-size: 24px;
	width: 319px;
        margin-top: 0;
        margin-bottom: -5px;
        margin-left:auto;
        margin-right: auto;  }
	
#signature {

        border: solid 5px #555;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-family: jura-demibold;
        font-size: 24px;
        background-color: #888;
        list-style: none;
        margin-bottom: 10px;
        margin-top: 1px;
        width: 270px;      }
      
#playlist {
	border: solid 5px #555;
	font-family: jura-demibold;
	font-size: 24px;
        background-color: #cc0000;
	list-style: none;
	margin: 0;
	padding: 0;
	top:3px;
	width: 310px;   }

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

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

#playlist li a,
#playlist li a:visited,
#playlist li a:hover,    {

padding-left: 2px;
padding-right: 2px;
text-decoration: none;  }

a { color: #fff;  font-size:24px;  text-decoration:none; }

a:hover { color:#000000; text-decoration:underline; }

a:visited { color:#A0A0A4; }

a:active { color: #ff6600; }

  
#lien { position: absolute;
        top: 220px;
        left: 350px;
        font-size: 24px;
        color: #333; }

#texte {  position: absolute;
          top: 2px;
          left: -8px;
          padding-left: 4px;
          padding-right: 4px;
	  padding-top: 1px;
          padding-bottom: 9px;
          margin: 8px;  
          font-size:24px;    
          text-align: justify; }


#us {    float:left; 
         padding-bottom:1px; 
         padding-right:6px; }

.sonore { 

          position: absolute;
          top: 290px;
          left: 850px;
          cursor: pointer;    }


#cs-pix { position: absolute;
          top: 236px;
          left: 928px;   }

#titre {  position: absolute;
          top: 244px;
          margin:26px;
	  width: 100%;
          left: 310px;
          font-size: 70px;   }

.paragraf3::first-letter {
    
   float: left;
   font-size: 80px;  
   font-weight: normal;
   text-align: justify;
   margin-right: 10px;
   margin-bottom: 14px;
   margin-top: 3px;
   line-height: 26px; 
   text-shadow: 4px 4px 6px #999;  }

.paragraf3 {

   font-size: 24px;
   letter-spacing: 1px;
   padding-left: 8px;
   padding-right: 8px;
   margin-bottom: 8px;
   line-height: 26px;
   text-align: justify;  }

#tableau-cs {  position: absolute;
               top: 242px;
               left: 870px;   
               width: 130px;   
               font-size: 18px;
               text-align: center;   }

#pied-page {  position: absolute;
              top: 978px;
              left: -10px;   
              width: 984px; 
	      height: 34px;
              border: solid 1px black ;
              margin-bottom: 34px;
              color: #000;              
              font-size : 1.1em; 
              font-weight: bold;
              background-color: #333;
              letter-spacing : 4px;
              text-align: right;
              margin: 12px;
              padding-top: 22px;
	      padding-bottom: 20px;
	      margin: 12px;
              border-radius: 8px 8px;
              -moz-border-radius: 8px 8px;
              -webkit-border-radius: 8px 8px; 
              background: -moz-linear-gradient(top, #FFFFFF 0%, #C0C0C0 33%, #000000 77%, #FFFFFF);
              background: -ms-linear-gradient(top, #FFFFFF 0%, #C0C0C0 33%, #000000 77%, #FFFFFF);
              background: -o-linear-gradient(top, #FFFFFF 0%, #C0C0C0 33%, #000000 77%, #FFFFFF);
              background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), color-stop(0.33, #C0C0C0), color-stop(0.77%, #000000), to(#FFFFFF));  }