/* ***** STREAMINMUSIK.COM *****
 * This file is part of Streaminmusik.com
 * Copyright (c) 2010 Bertrand G. All rights
 * reserved.
 *
  
/* Les éléments HTML en général
-------------------------------------------------------- */
html{
background: #000;
color: #000;
font-size: 70%;
line-height: 1.6em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/*background-image: url(Psychedelik_fichiers/k232.jpg);*/
}

body{
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1{font-size: 1.7em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
font-size: 1.2em;
}

pre{
width: 100%;
overflow: auto;
border: 1px solid #CCC;
}

fieldset{
border: none;
}

label{
cursor: pointer;
cursor: hand;
}

.field label{
display: block;
}

input,textarea{
border: 1px solid #999;
font-size: 0.9em;
}

textarea{
width: 450px;
font-size: 1em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
color: #000;
}

a:visited{
color: #660099;
}

a:hover{
color: #A9C139;
}

.left{
float: left;
margin-right: 1em;
}

.right{
float: right;
margin-left: 1em;
}

 
/* L'entête
-------------------------------------------------------- */
#top{
height: 92px;
background: #FFF url(img/top.jpg) no-repeat left top;
}

#top h1{
padding: 35px 0 0 25px;
color: #5D5D5D;
}

#top h1 a{
text-decoration: none;
color: #5D5D5D;
}
/* Le titre
-------------------------------------------------------- */ 
#title{
/*color: #fff;*/
border: 1px solid;
background: url(img/milieu.jpg) repeat-y left top;	width: 730px;
margin-top: 1px;
border-color: #000;
margin-left: auto;
margin-right: auto;
background-color: #6A0000;
text-align: center;
}

#title h1{
margin: 0;
}

#title img{
border: none;
}

#title a{
color: #000;
}

#title a:hover{
color: #fff;
background: transparent;
}

/* La page index
-------------------------------------------------------- */ 
#googlesearch{
/*color: #fff;*/
border: 1px dotted #000;
background: url(img/milieu.jpg) repeat-y left top;	width: 730px;
margin-top: 0px;
border-color: #000;
margin-left: auto;
margin-right: auto;
background-color: #fff;
text-align: center;
}

#page{
background: url(img/milieu.jpg) repeat-y left top;	width: 730px;
margin-top: 0px;
border: 1px solid;
border-color: #000;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
background-color: #fff;
}

/* -------------------------------------------------------- */

#enter{
/*color: #FFF;*/
text-align: center;
margin: 1em;
}

#enter a{
	color: #000;
}

#enter a:hover{
	color: #666;
	background: transparent;
}

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	color: #5D5D5D;
	text-align: center;
}

#prelude a{
	color: #5D5D5D;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}

/* Les streams
-------------------------------------------------------- */ 

#streams
{
	/*border: 3px dotted*/;
	width: 728px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

#streams object
{
	height: 36px;
	width: 364px;
	float: left;
}

#streams-footer
{
	clear: both;
}

/* Le contenu
-------------------------------------------------------- */
#conteneur
{
	margin-top: 1px;
}
 
.colonne-1
{
border: 1px dotted red;
float: left;
background-color: #900;
/*	background-image: url(Psychedelik_fichiers/Untitled-4.jpg);*/
height: 470px;
width: 280px;
}

.colonne-2
{
float: right;
border: 1px dotted yellow;
width: 435px;
height: 470px;
}

.img-logo
{
border: 1px dotted green;
width: 435px;
height: 80px;
font-size: 90%;
}

.flux-rss
{
border: 1px dotted blue;
width: 435px;
height: 390px;
font-size: 90%;
}

.colonne img
{
	/*width: 90%;*/
	/*height: 100px;*/
	border: 1px;
}

#conteneur-footer
{
	clear: both;
}


/* Les streams
-------------------------------------------------------- */
#bloc-streams a.A { background-image: url('http://www.psychedelik.com/img/100Mixes.png'); display: block; width: 264px }
#bloc-streams a.A:hover { background-image: url('http://www.psychedelik.com/img/100Mixes-on.png') }

#bloc-streams a.B { background-image: url('http://www.psychedelik.com/img/Psy.png'); display: block; width: 264px }
#bloc-streams a.B:hover { background-image: url('http://www.psychedelik.com/img/Psy-on.png') }

#bloc-streams a.C { background-image: url('http://www.psychedelik.com/img/Psy32.png'); display: block; width: 264px }
#bloc-streams a.C:hover { background-image: url('http://www.psychedelik.com/img/Psy32-on.png') }

#bloc-streams a.D { background-image: url('http://www.psychedelik.com/img/Ambient.png'); display: block; width: 264px }
#bloc-streams a.D:hover { background-image: url('http://www.psychedelik.com/img/Ambient-on.png') }

#bloc-streams a.E { background-image: url('http://www.psychedelik.com/img/Ambient32.png'); display: block; width: 264px }
#bloc-streams a.E:hover { background-image: url('http://www.psychedelik.com/img/Ambient32-on.png') }

#bloc-streams a.F { background-image: url('http://www.psychedelik.com/img/Progressive.png'); display: block; width: 264px }
#bloc-streams a.F:hover { background-image: url('http://www.psychedelik.com/img/Progressive-on.png') }

#bloc-streams a.G { background-image: url('http://www.psychedelik.com/img/Dark.png'); display: block; width: 264px }
#bloc-streams a.G:hover { background-image: url('http://www.psychedelik.com/img/Dark-on.png') }

#bloc-streams
{
border: 0px;
width: 265px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

UL
{ 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

LI { 
color: #FF4500; 
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px; /* Noter l'espacement droit 0px */
list-style: none;
border: 0px solid;
border-color: #5D5D5D;
}


/* -------------------------------------------------------- */
.section
{
	margin-top: 3px;
	/*border: 3px dotted*/;
	text-align: justify;
	padding: 5px;
}

.section-footer
{
	clear: both;
}

.section-inside img
{
	float: left;
}

/* -------------------------------------------------------- */



/* Le pied de page
-------------------------------------------------------- */
#footer
{
	clear: both;
	border: 1px solid black;
	margin-top: 2px;
	margin-left: 1px;
	margin-right: 1px;
	background-color: #fff;
	margin-bottom: 2px;
	font-size: 82%;
}

#footer a
{
	color: #bbb;
	font-size: 0.9em;
	text-decoration : none;
}


/

.Style2 {
	color: #0066CC;
	font-weight: bold;
	font-size: larger;
}
.Style12 {color: #FFFFFF}
.Style13 {color: #77BAE7}
.Style15 {color: #99FF66}
.Style16 {font-weight: bold; font-size: 100%; color: #000;}
.Style17 {
font-size: 82%;
color: #000;
}
.Style20 {color: #A7D2EF}
.Style21 {color: #C5E2F5}
.Style24 {color: #A5D1EF}
.Style25 {color: #93C8EC}
.Style26 {color: #88FF4F}
.Style28 {color: #62FF15}
.Style29 {color: #BCFF9B}
.Style31 {color: #B8FF95}
.Style33 {color: #33FF00}
.Style35 {color: #66FF33}
.Style36 {
	color: #B3F0FF;
	font-weight: bold;

.Style40 {color: yellow}

.Style41 
{
color: yellow;
font-family: Bitstream Cyberbit;
font-size: 18px;
}

.Style42 
{
color: yellow;
font-family: Bitstream Cyberbit;
font-style: italic;
font-size: 14px;
}

.Style43 {color: #FFCC00}
.Style44 {color: #FFCC00}
.Style47 {color: #B33DB6}
.Style51 {
	color: #FFCC33;
	font-size: 14px;
}
.Style53 {color: #FFFFFF}
.Style65 {color: #99FF00}
.Style66 {color: #FFFF00}
.Style85 {color: #FFCC00}
.Style86 {color: #FFCC33}
.Style98 {
	color: #FDCF5F;
	font-weight: bold;
}
.Style99 {
	color: #FFD161;
	font-weight: bold;
}
.Style100 {
	color: #FED060;
	font-weight: bold;
}
.Style101 {
	color: #FED15A;
	font-weight: bold;
}
.Style102 {color: #FDCF5F}
.Style114 {color: #FF9900}
.Style115 {color: #99FFCC}