/* @override http://songs-for-sophie.cave12.org/css/sophie.css */

/* 
Titre:		styles pour medias ecran
*/
@import url("reset.css");


body {
		margin:20px 0px 20px 0px;
		/* top, right, bottom, left */
		padding:0px; 
		background: #999;
		font-size: 100%;
		font-family: Courier, Courier New, monospace;
		font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
		}

/* @group GENERIC SETTINGS */

/* font-family: Courier, Courier New, monospace;*/
		/* font-family: Verdana, Verdana;*/

h1 {	font-size: 2.4em;
		padding: 25px 344px 15px 55px;
		font-weight: normal;
		font-style: italic;
		text-align: right;
		/*float: right;*/
		float:left;
		}
	
/* TEXT STYLES */
a:link {color: #3181d3;}     /* unvisited link */
a:visited {color: #3181d3;}  /* visited link */
a:hover {color: #3181d3;}  /* mouse over link */
a:active {color: #3181d3;}   /* selected link */
p,pre,h3 {margin:10px 30px 0px 30px;
padding: 10px 0px 0px 0px;}

a img {border:0;}

/* @end */

/* LAYOUT */

#wrap {
width:860px;
margin:0 auto;
border:0px solid blue;
background:#fff;
padding-bottom:20px;
font-size: 0.9em;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius:2px;
}

/* @group menu */

#menu {
	position: relative;
	margin:0px 0px 0px 30px;
	padding: 10px 0px 10px 0px;
	font-size: 100%;
	font-weight: bold;
	width: 55em;
	height: auto;
		}

#menu img.logo {
	width:180px;
	height:74px;
	border:0;
	vertical-align:bottom;
	}

#menu .rouge {color:red}

/* @end */

/* @group intro */

#intro {
	border: 0px solid pink;
	position: relative;
	clear: left;
}

#intro h2 {
	padding-top: 14px;
	padding-right: 30px;
	float: right;
	margin-left: 30px;
	margin-bottom: 32px;
	color: #444;
	font-style: italic;
	font-weight: normal;
	font-size: 1.2em;
	display: block;
	width: 100%;
	}

/* @group Language Menu */

#language-menu {
	position: absolute;
	top: 10px;
	right: 10px;
}
#language-menu h3 {
	font-style: italic;
	color: #888;
	font-size: 1.3em;
	font-weight: normal;
}
#language-menu h3 a {
	color: #999;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: normal;
}
#language-menu h3 a:hover {
	color: #555;
	text-decoration: underline;
}
#language-menu h3 span {
	display: none;
}
#language-menu h3 a:hover span {
	display: inline;
}

/* @end */

#intro #texte-intro {
	width: 530px;
	float:left;
	clear: left;
	padding: 3px 0;
	margin-left: 25px;
	line-height: 1.4em;
	text-align: right;
	/*float: right;
	text-align: left;
	margin-right: 20px;
	margin-left: 0;*/
}

body.en #intro #texte-intro {
	margin-left: 10px;
	width: 545px;
}

#intro #texte-intro p{
	padding: 0;
	clear: left;
}

/* My Comment */

#intro #texte-intro em{
	/*font-weight: bold;*/
	color: #444;
}

#intro #img-intro {
	float: right;
	clear: none;
	/*float: left;*/
}
#intro #img-intro img{
	margin-top: 20px;
	width: 305px;
	height: auto;
}


/* @end */

/* @group AUDIO */

#tracklist {
	position:relative;
	clear: both;
	margin: 20px 20px 0 20px;
	border-top: 12px solid #fff;
	}
	
	#tracknames {
	margin-top: 20px;
	background: #eee;
	padding:25px 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}

#ifrrrame {
position:relative;
float:right;
right:20px; top:0px; 
z-index:1;
display: none;
}
#ifrrrame, #ifrrrame iframe {
width:33em;
height:329px;
}
#ifrrrame iframe {
border: 0px solid #444;
}

/* @group List style */
#tracknames ol {
	margin-left: 40px;
}
#tracknames li {
	line-height:1.9em;
}
/* @end */


#tracknames div.track-details {
	display: none;
	padding: 15px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background-color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 16px;
}

#tracknames a {
	/*text-transform: lowercase;*/
}
#tracknames a.track-title-closed {
/*	background-color: white;*/
}
#tracknames a.track-title-open {
/*	color: red;*/
}

div.flashplayer {
	float: left;
	padding-top: 4px;
	margin-left: 5px;
}

div.track-details div.flashplayer p {
	margin: 0 0 0px 0;
	font-weight: bold;
	font-style: normal;
	font-size: 0.8em;
	display: none;
}

div.track-details h2 {
	font-size: 1.0em;
	clear: none;
	margin-left: 220px;
	padding: 0;
}
div.track-details p {
	margin-left: 220px;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.4em;
	font-style: italic;
}

div.track-details p.date {
	font-style: normal;
}


/* IFRAME CONTENT */

.iframed {
background:#fff;
}

#flashplayer {
position:fixed; top:20px;left:0;
font-size:95%;}

#flashplayer.two {top:2.7em;}
#flashplayer.three {top:4em;}
#flashplayer.four {top:5.5em;}



/* @end */

#gradient {
position:fixed;
bottom:0;left:0;
height:40px;width:100%;
background-image:url('../img/gradient-bottom-white.png');
background-repeat:repeat-x;
background-position:top left;
display: none;
}


/* end of CSS Document */
.small {
	font-size: 85%;
}

/* self-clear floats */
#tracknames div.track-details:after,
.groupe:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }