/* ***** PSYCHEDELIK.COM *****
 * This file is part of Psychedelik.com
 * Copyright (c) 2009 Bertrand G. All rights
 * reserved.
 *
  
/* Les éléments HTML en général
-------------------------------------------------------- */
html
{
	background: #674b66;
	color: #000;
	font-size: 78%;
	line-height: 1.6em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", 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;
}

/* La page
-------------------------------------------------------- */

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

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

#top h1 a{
	text-decoration: none;
	color: #5D5D5D;
}

/* La page index
-------------------------------------------------------- */ 
#page  
{
background: url(img/milieu.jpg) repeat-y left top;	width: 1024px;
	margin-top: 8px;
	border: 1px solid;
	border-color: #fff;
	margin-left: auto;
	margin-right: auto;
	background-color: #674b66;
}

/* Le titre
-------------------------------------------------------- */ 
#title
{
	/*color: #fff;*/
	text-align: center;
}

#title h1
{
	margin: 0;
}

#title img
{
	border: none;
}

#title a
{
	color: #000;
}

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

/* La pub de l'ohm
-------------------------------------------------------- */ 
#pub1
{
	text-align: center;	
}

#pub1 img
{
	border: none;
}
/* -------------------------------------------------------- */

#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
{
	PADDING-RIGHT: 2px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 2px;
	FONT-SIZE: 100%;
	FLOAT: left;
	PADDING-BOTTOM: 2px;
	MARGIN-LEFT: 2px;
	OVERFLOW: auto;
	WIDTH: 280px;
	COLOR: black;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 0px;
	HEIGHT: 600px;
	BACKGROUND-COLOR: #FEDE01;
	TEXT-ALIGN: justify;
	background-image: url(Psychedelik_fichiers/Untitled-4.jpg);
}

.colonne-2
{
	BORDER-TOP-WIDTH: 1px;
	PADDING-RIGHT: 2px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 2px;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 85%;
	BORDER-LEFT-COLOR: black;
	FLOAT: left;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: black;
	PADDING-BOTTOM: 2px;
	MARGIN-LEFT: 2px;
	OVERFLOW: auto;
	WIDTH: 589px;
	BORDER-TOP-COLOR: black;
	MARGIN-RIGHT: 0px;
	PADDING-TOP: 0px;
	HEIGHT: 600px;
	BACKGROUND-COLOR: #BF02B1;
	TEXT-ALIGN: justify;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: black;
	background-image: url(Psychedelik_fichiers/fond23.jpg);
}

.colonne-sky
{
	BORDER-TOP-WIDTH: 1px;
	PADDING-RIGHT: 2px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 2px;
	BORDER-LEFT-WIDTH: 1px;
	FONT-SIZE: 85%;
	BORDER-LEFT-COLOR: black;
	FLOAT: left;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-BOTTOM-COLOR: black;
	PADDING-BOTTOM: 2px;
	MARGIN-LEFT: 0px;
	OVERFLOW: auto;
	WIDTH: 120px;
	BORDER-TOP-COLOR: black;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 0px;
	HEIGHT: 600px;
	TEXT-ALIGN: justify;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: black;
	color: #99CC33;
}

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

#live
{
	/*border: 3px dotted*/;
}

.live-img
{
float: left;
margin-right: 5px;

}

.live-txt
{
padding: 5px;
color: #CCFFFF;
FONT-SIZE: 110%;
}
/*#gauche { ; margin-left: 0; }
#centre { ; margin-left: 280px; }
#droite { background-color:#957270; margin-right: 0; float: right;}*/

#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;
}

/* ---------------- NEW RELEASES --------------------------*/

#releases
{
	margin-top: 5px;
}

.colonne-3
{
	PADDING-RIGHT: 2px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 2px;
	FONT-SIZE: 100%;
	FLOAT: left;
	PADDING-BOTTOM: 2px;
	MARGIN-LEFT: 2px;
	OVERFLOW: auto;
	WIDTH: 340px;
	COLOR: black;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 0px;
	HEIGHT: 640px;
	TEXT-ALIGN: left;
	background-image: url(Psychedelik_fichiers/k232.jpg);
}

.colonne-4
{
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 2px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 2px;
	BORDER-LEFT-WIDTH: 0px;
	FONT-SIZE: 85%;
	
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 2px;
	MARGIN-LEFT: 3px;
	OVERFLOW: auto;
	WIDTH: 660px;
	COLOR: #000000;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 0px;
	HEIGHT: 640px;
	TEXT-ALIGN: justify;
	BORDER-RIGHT-WIDTH: 0px;
	background-color: #cd2f24;
}

.colonne-google
{
	float: left;
	width: 110px;
	height: 110px;
	margin-left: 8px;
	margin-right: 5px;
	font-size: 85%;
	padding: 5px;
	margin-top: 400px;
	padding-top: 0;
	text-align: justify;
	overflow: auto;
	border: 1px black;
	color: white;
	background-color:#CD2F24;

}

#release1
{
margin: 3px 10px 3px 10px;
}

#release1 img
{
margin-left: -5px; /* Même largeur ici */
margin-right: 5px;
}

#release1 .section-inside
{
margin-left: 5px; /* Et là = largeur de l'image + 5 */
}

#release2
{
margin: 3px 10px 3px 10px;
}

#release2 img
{
margin-left: -5px; /* Même largeur ici */
margin-right: 5px;
}

#release2 .section-inside
{
margin-left: 5px; /* Et là = largeur de l'image + 5 */
}

#release-footer
{
	clear: both;
}


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

.section-footer
{
	clear: both;
}

.section-inside img
{
	float: left;
}

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

/* GOOGLE FRIENDS
-------------------------------------------------------- */

#googlefriends
{
margin-top: 5px;
}

.colonne-friends
{
	PADDING-RIGHT: 2px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 2px;
	FONT-SIZE: 100%;
	FLOAT: left;
	PADDING-BOTTOM: 2px;
	MARGIN-LEFT: 2px;
	OVERFLOW: auto;
	WIDTH: 420px;
	COLOR: black;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 0px;
	HEIGHT: 430px;
	TEXT-ALIGN: left;
	/*background-image: url(Psychedelik_fichiers/k232.jpg);*/
}

.colonne-gadget
{
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 2px;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 2px;
	BORDER-LEFT-WIDTH: 0px;
	FONT-SIZE: 85%;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 2px;
	MARGIN-LEFT: 3px;
	OVERFLOW: auto;
	WIDTH: 580px;
	COLOR: #000000;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 0px;
	HEIGHT: 430px;
	TEXT-ALIGN: justify;
	BORDER-RIGHT-WIDTH: 0px;
	/*background-color: #cd2f24;*/
}



/* CONTACT
-------------------------------------------------------- */

#contactus
{
	float: left;
	margin-top: 5px;
	/*border: 2px solid yellow;*/
	color: black;
	background-color: #8991A6;
	width: 1007px;
	height: 240px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 85%;
	padding: 5px;
	margin-bottom: 5px;
	padding-top: 0;
	text-align: left;
	overflow: auto;
}


.contact-email
{
float: left;
/*border: 1px red solid;*/
padding: 5px;
}

.contact-footer
{
	clear: both;
}

#inbetweendown
{
/*border: 1px solid #e8d4bf;*/
margin-left: 100px;
border-color: #fff;
float: left;
height: 90px;
text-align: center;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #333333;
}

/* Le pied de page
-------------------------------------------------------- */
#footer
{
	clear: both;
	border: 1px solid white;
	padding: 2px;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 5px;
	background-color: #674b66;
}

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


/* ------- Le contenu page 2------------------------------------------------- */
#page2  
{
width: 1024px;
	margin-top: 8px;
	border: 1px solid blue;
	border-color: #fff;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
}

#container
{
	margin-top: 0px;
	border: yellow 1px #666;
	margin-left: 2px;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 2px;
}

#promotionP2
{
	margin-top: 0px;
	border: 1px solid;
}


#releasesP2
{
	margin-top: 5px;
	border-color: #6666CC;
	border: 1px solid grey;
}

.colonne1P2
{
	float: left;
	width: 250px;
	height: 325px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 100%;
	padding: 0px;
	margin-top: 0;
	padding-top: 0;
	text-align: justify;
	overflow: auto;
	border: 1px solid;
	border-color: #6600CC;
	color: black;
	background-color:#000000;
}

.colonne2P2
{
	float: left;
	width: 600px;
	height: 325px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 85%;
	padding: 0px;
	margin-top: 0;
	padding-top: 0;
	text-align: justify;
	overflow: auto;
	border: 1px solid;
	border-color: #6666CC;
	background-image: url(img/Untitled-25.jpg);
	color: #FFCC00;

}

.colonne3P2
{
	float: left;
	width: 145px;
	height: 325px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 85%;
	padding: 0px;
	margin-top: 0;
	padding-top: 0;
	text-align: justify;
	overflow: auto;
	border: 1px solid;
	border-color: #6666CC;
	background-color: #333333;
}

.colonne4P2
{
	float: left;
	width: 500px;
	height: 630px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 85%;
	padding: 2px;
	margin-top: 0;
	padding-top: 0;
	text-align: left;
	overflow: auto;
	border: 1px solid;
	border-color: #6666CC;
	color: #FCD22E;
	background-color:#663399;
	background-image: url(img/zak.jpg);
}

.colonne5P2
{
	float: left;
	width: 500px;
	height: 630px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 85%;
	padding: 2px;
	margin-top: 0;
	padding-top: 0;
	text-align: left;
	overflow: auto;
	border: 1px solid;
	color: #FFF;
	background-color:#639;
	background-image: url(img/Untitled-2.jpg);
	border-color: #999;
}

.colonne6P2
{
	float: left;
	width: 1000px;
	height: 20px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 85%;
	padding: 0px;
	margin-top: 0;
	padding-top: 0;
	text-align: center;
	overflow: auto;
}

#conteneur3
{
	margin-top: 2px;
	margin-bottom: 5px;
}

.colonne7P2
{
	float: left;
	width: 250px;
	height: 303px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	font-size: 85%;
	padding: 2px;
	margin-top: 0;
	padding-top: 0;
	text-align: center;
	overflow: auto;
	border: 1px solid;
	color: black;
	border-color: #6666CC;
	/*background-color:#663399;*/
}

.colonne8P2
{
	float: left;
	width: 745px;
	height: 300px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	font-size: 85%;
	padding: 5px;
	margin-top: 0;
	padding-top: 0;
	text-align: left;
	overflow: auto;
	border: 1px solid;
	border-color: #639;
	color: #99FFFF;
	background-color:#663399;
	background-image: url(img/a3.jpg);
}

#footerP2
{
	clear: both;
	border: 1px solid;
	border-color: #CCC;
	padding: 2px 2px 2px 2px;
	margin-left: 2px;
	margin-top: 5px;
	margin-right: 6px;
	margin-bottom: 2px;
	/*background-color: #888;*/
	color: #fff;
}

#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: larger; color: #990066;}
.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}