body {  margin-top:3px; 
	margin-bottom:0px; 
	position: relative;
	font-size:23px;
	top: 0px;
	left:0px;
	width: 1000px;
	height: 100%;
	margin-left: auto;
	margin-right:auto;
        padding-bottom: 8px;
        background-color: #fff;  
        background-image: url(../images/fractal-02.gif); 
        background-repeat: repeat;   }

.conteneur { background-color: #fff; }


#picto  {  position: absolute;
               top: 442px;
               left: 810px;
	       background-color: #fff;   }
     
#cadre {
       position: absolute;
       top: 140px;
       left: 720px;
       width: 300px;
       height: 230px;
       padding: 0px;
       margin-left:0px;
       margin-right: 0px;     }  

 	
#player {
        position: absolute;
        top: 172px;
        left: -4px;
	padding: 0px;
        border: solid 6px #000;
	width: 720px;
        height:540px;
        margin-top: 0px;
        margin-bottom: 0px;
        box-shadow: 3px 3px 12px #000;
        border-radius:  4px 4px 4px 4px;
        margin-left:auto;
        margin-right: auto;  }
	
#playlist {

	position: absolute;
        top: 300px;
        left: 18px;
	border: solid 2px #000;
        font-family: akashiregular;
	box-shadow: 3px 3px 12px #000;
        border-radius: 4px 4px 4px 4px;
	list-style: none;
	margin: 1px;
	padding: 2px;
	width: 52px;
        height:100px;   }

#playlist li:nth-child(even) {
      	background-color: #ffffff;
        border-radius: 4px 4px 4px 4px; 
        position: relative;
        top: 0px;
        left: 0px;
	margin: 3px;
        width: 44px;
        text-align: left;
        border: solid 1px #000;
        padding: 1px;
        letter-spacing: 8px;
        height: 42px;    }

#playlist li:nth-child(odd) {
      	background-color: #ffffff;
        border-radius: 4px 4px 4px 4px;
        position: relative;
        border: solid 1px #000;
        top: 0px;
        width: 44px;
        left: 0px;
	margin: 3px;
        text-align: left;
        letter-spacing: 8px;
        padding: 1px; 
        height: 42px;    }

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

a {       color: #000;
          font-size:20px;
          font-family: akashiregular;   }

a:hover { color: #000;
          font-weight: bold;
          font-size:20px; 
          font-style: italic;  }

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

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

.son-chris { position: absolute; 
             top:682px; 
             left: 742px; 
             z-index: 0; 
             width:262px; 
             height: 40px;
             color: #FFFFFF;
             background-color:#000;
             border-radius: 4px 4px 4px 4px;
             box-shadow: 3px 3px 12px #000;  }

.img {       position: absolute; 
             top:320px; 
             left: 716px; 
             z-index: 0; 
             width:160px; 
             height: 160px;  }

  
#pied-page {  position: absolute;
              top: 760px;
              color: #000;
              left: -6px;   
              width: 1000px; 
	      height: 28px;
	      background-color: #00A2E8;
              border-radius: 4px 4px 4px 4px;
              padding: 4px;
              margin-bottom: 20px;
              border-color: #000;              
              font-size : 1.1em; 
              font-weight: bold;
              letter-spacing : 7px;
              text-align: right;
              font-family: akashiregular; 
              box-shadow: 4px 4px 11px #000;  }
    
 #legende  {  position: absolute;
               top: 290px;
               left: 740px;      
               font-size: 14px;   }



.texte1::first-letter {
      float: left;
      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-size: 2.5em;
      font-weight: normal;
      margin-right: 6px;
      line-height: 0.9; 
      text-shadow: 3px 3px 6px #000;   }




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