/*
Précédente Modif : 14-10-09

 * The fonts included are copyrighted.
 *
 * @vendor: Vic Fieger
 * @vendorurl: http://www.vicfieger.com
 * The license for this font family can be found on the fontsquirrel.com website.
 *
 * @licenseurl: http://www.fontsquirrel.com/license/Edo
 *
 */

/* For IE */

@font-face {
	font-family: 'Edo';
	src: url('fonts/edo.eot');
}

/* For Other Browsers */

@font-face {
	font-family: 'Edo';
	src: local('Edo Regular'),
	     local('Edo-Regular'),
	     url('fonts/edo.ttf') format('truetype');
}


body {
	background: red;
	background-image:url(icones/rouge_131.jpg);
	font-family : arial;
	padding : 1em;

  scrollbar-face-color:		red;
  scrollbar-arrow-color:	black;
  scrollbar-track-color:	red;
  scrollbar-shadow-color:	 black;
  scrollbar-highlight-color:	black;
  scrollbar-3dlight-color:	black;
  scrollbar-darkshadow-Color:	black;

	}

a {
	color : orange;
}

a.neutre {
	color : black;
	font-weight : bold;
}

a:hover {
	color : gray;
}

a.comment-link {
	padding : 3px;
	margin-bottom : 5px;
	border : solid 1px black;
	color : white;
	font-weight : bold;
	background : gray;
}

a.comment-link : hover {
	color : white;
	background : orange;
}

a.comment-make {
	color : white;
	font-weight : bold;
}

/*----------------------------INTRO------------------------------------------*/
div.imgintro {
width : 100%;
text-align : center;
}

div.enter {
		font-family: Edo, Arial;
	position : relative;
	top : -1em;
	font-size : 200%;
	font-weight : bold;
}

div.private {
	position : absolute;
	bottom : 1em;
	right : 1em;
}	
/* ----------------------------- DIV -----------------------------------------*/

div {
	/*border : 1px solid gray;*/
}

div.logo {
	float : left;
}

div.banniere {
	position : absolute;
	right : 1em; top : 1em;
	border-bottom : 1px solid black;
	width : 550px;
	height : 110px;
}

div.menuhaut {
	font-family: Edo, Arial;
	margin-left : 1em;
  color : black;
	height : 20px;
	cursor : pointer;
   background : red;
  border : 1px solid gray;
  -moz-border-radius: 10px 10px 10px 10px;
  padding : 5px;
  float : right;
  /width: 10px;
  -width: 10px;
  /height: 48px;
  -height: 48px;

}


div.cadre {
	/*background : yellow;
	width : 800px;*/
}

div.cadre_droite {
	/*width : 30%;*/
	margin-bottom : 1em;
	/*background : red;*/
}

div.cadrebas {
	/*background : pink;*/
}

div.twitter {
	position : absolute;
	right : 1em;
	height : 4em;
	width : 40%;
	border : 1px solid gray;
	background : white;
	-moz-border-radius: 10px 10px 10px 10px;
}

div.menu {
	float : left;
	/*width : 15%;*/
	margin-top : 180px;	
	margin-right : 1em;
}

div.zobjet {
	float : left;
	margin-top : 0em;
	margin-right : 2em;
	margin-bottom : 1em;
	padding : 10px;
	width : 570px;
}

div.news {
	/*overflow : auto;*/
	color : white;
	padding-right : 1em;
	height : 525px;
}

div.player {
	float : right;
	background : red;
	border : 1px solid gray;
	margin-bottom : 1em;
	width : 100%;
	max-width : 400px;
	height:525px;
	}

div.lien_sous {
background : red;
border : 1px solid gray;
-moz-border-radius: 10px 10px 10px 10px;
padding : 10px;
font-family: Edo, Arial;
	font-weight : bold;

float : right;
height : 50px;
width : 270px;

margin-right : 1em;
 cursor : pointer;
}	

div.lien_spamletter {
background : red;
border : 1px solid gray;
-moz-border-radius: 10px 10px 10px 10px;
padding : 10px;
font-family: Edo, Arial;
	font-weight : bold;

float : right;
height : 50px;
width : 270px;
margin-right : 1em;
}	

div.liens_perm {
background : red;
border : 1px solid gray;
-moz-border-radius: 10px 10px 10px 10px;
padding : 10px;
font-family: Edo, Arial;
	font-weight : bold;

float : right;
height : 50px;
width : 260px;
}	

div.legal {
float : left;
}

div.pnews {
	border-bottom : 1px solid black;
}

div.comments {
	border : 1px solid gray;
	margin-top : 10px;
	margin-left : 15%;
	background : red;
	padding : 10px;
-moz-border-radius: 10px 10px 10px 10px;
	margin-bottom : 1em;
}

div.album{

}


div.menualbums{
	padding : 10px;
}

div.info_album {
	padding : 10px;
	height : 100px;
	width:245px;
	overflow:hidden;
}

div.songlist{
	overflow : scroll;
	/*width : 100%;*/
	height : 275px;
	padding : 10px;
}

div.btn_stop {
	border : 1px solid black;
	width : 100%;
	text-align : center;
	font-size : 150%;
	font-weight : bold;
	cursor:pointer;
	margin-top : 1em;
}

div.btn_stop:hover {
	background : dimgray;
	color : white;
  border : 1px solid black;
	width : 100%;
	text-align : center;
	font-size : 150%;
	font-weight : bold;
	cursor:pointer;
	margin-top : 1em;
}

/* ----------------------------- IMG -----------------------------------------*/

img.fond {
	position :absolute;
	height : 90%;
	width : 90%;
z-index: -1;
}

img.logo {
}

img.vignette {
	float : left;
	width : 200px;
	margin-right : 1em;
	margin-bottom : 1em;
}

img.vignette_nouveautes {
	float : left;
	width : 50px;
	margin-right : 1em;
	margin-bottom : 1em;
}

img.vignette_lien {
	float : left;
	height : 50px;
	margin-right : 1em;
	margin-bottom : 1em;
}

img.twitter {
	float : left;
	height : 4em;
	margin-left : 10px;
	margin-right : 8px;
}

img.icone_liens {
	float : left;
	margin-right : 5px;
	margin-top : 5px;
	border : 0px;
	height : 25px;
}

img.beer {
	float : left;
	margin-right : 1em;
	border : 0px;
	height : 3em;
}

img.image_album {
	float : left;
	margin-right : 1em;
	height : 5em;
}

img.vignette_album {
	float : left;
	margin-right : 10px;
	height : 2em;
	 cursor : pointer;
}

img.nextshow {
	height : 100px;
}

img.rss {
	height : 50px;
}

img.bouton-play {
	height : 100px;
}

/* ----------------------------- P -----------------------------------------*/
p {
 font-size: 80%;
 margin : 0.5em;
 padding : 0px;
}

p.recap {
	margin-left : 0px;
	padding-left : 0px;
	color : black;
	font-size : 100%;
	font-weight : bold;
}

p.btn_menu {
	float : left;
	font-family: Arial;
	margin :  0px 5px 0px 10px ;
	font-size : 100%;
  cursor : pointer;
	font-weight : bold;
	background-color : red;
	}

p.btn_menu : hover {
	color : gray;
}

p.titre_zobjet {
	font-family: Edo, Arial;
	margin : 0px;
	padding : 0px;
	text-align : right;
	color : black;
	font-size : 250%;
	font-weight : bold;
}

p.categorie_liens {
	font-family: Edo, Arial;
	margin : 0px;
	padding : 0px;
	color : black;
	font-size : 200%;
	font-weight : bold;
	border-bottom : black 1px solid;
}

p.comment_zobjet {
	margin-bottom : 10px;
	padding : 0px;
	text-align : right;
	color : black;
	font-size : 75%;
	font-weight : bold;
}

p.titre_player {

  font-family: Edo, Arial;
	margin : 0px;
	margin-top:45px;
  	padding : 0px;
	text-align : right;
	color : black;
	font-size : 100%;
	font-weight : bold;
}

p.news_titre {
	color : black;
	font-size : 120%;
	font-weight : bold;
}

p.news_titre-light {
	color : black;
	font-size : 100%;
	font-weight : bold;
}

p.news_text {
	text-align : justify;
}

p.news_text_videos {
	text-align: center;
}

p.info {
	color : white;
	font-size : 75%;
}

p.comment_info {
	color : black;
	font-weight : bold;
	font-size : 60%;
	padding : 0px;
	margin-bottom : 0px;
	border-bottom : black 1px solid;
}

p.song_info {
	color : white;
	margin : 0px;
	padding : 0px;
	font-size : 75%;
}

p.text_comment {
	font-size : 75%;
	margin-top : 0px;
	padding : 0px;
}

p.titre_album {
	font-weight : bold;
	white-space : nowrap;
	margin : 0px;
	padding : 0px;
}

p.intro_album {
	font-size : 75%;
	margin : 0px;
	}

p.lien_album {
	font-size : 75%;
	margin-top : 0px;
	padding : 0px;
}

p.form_spamletter {
	margin-top : 5px;
}

p.p-link {
	padding : 0px;
	margin : 0px;	
}

span.twitt_titre{
	font-family: Edo, Arial;
		font-weight : bold;
}

span.twitt {
	color : gray;
	font-size : 75%;
}

/*--------------------------Form------------------------------------------*/
input.comment {
	width : 200px;
}

textarea.comment {
	height : 100 px;
}