/****************************************************************/
/* Squelette général */
/****************************************************************/


/* Correction du bug de selection :D */
body {
	height: 90%;
}


/* Suppression des marge intérieures et extérieurs et des bordures */
* {
	padding:0px;
	margin:0px;
	border:none;
}
/* Style des liens */
a {
	color:#900;
	text-decoration:none;
}
.cont_left a {
	border-bottom:#fff 1px dotted
}
.panneau a:hover, .cont_left a:hover, p a:hover, #footer a:hover, #contact a:hover, #presse a:hover {
	border-bottom:#555 1px dotted
}
a:visited {color:#800}

/* Rendre certains liens plus larges, pour rendre :hover compatible avec IE pour certains div */
h1 a, h1 a:hover, .pochette a, #flash a {
	display:block;
	width:100%;
	height:100%;
	border:none !important
}
a[href^="http://"], a:hover[href^="http://"] {
    padding-right: 12px;
    background: url(fixe/link.png) no-repeat 100% 25%;
}
a:hover[href^="http://fr.wikipedia.org"] {
    background: url(fixe/favwiki.png) no-repeat 100% 25%;
}
a:hover[href^="http://artlibre.org"] {
    background: url(fixe/favcopyleft.png) no-repeat 100% 25%;
}
a:hover[href^="http://www.jamendo.com"] {
    background: url(fixe/favjamendo.png) no-repeat 100% 25%;
}
a:hover[href^="http://www.framasoft.net"] {
    padding-right: 17px;
    background: url(fixe/favframasoft.png) no-repeat 100% 60%;
}

a[href*="82.229.218.106"] {
    padding: 0;
	padding-bottom:5px;
    background: none;
}
li a[href^="http://"], a:hover.noimg, a.noimg, #contact a, #webmaster a {background:none;padding:0 !important}
a:hover.noimg, a.noimg {border:none}


body {
	background-repeat:no-repeat;
	background-color:#fff;
	text-align:justify;
	word-spacing:0px;
	overflow:auto;
	font-family:"Trebuchet MS";
	padding-bottom:50px;
}

/* Changer la couleur lorsqu'on selectionne le texte sous Firefox */
::-moz-selection
{
background-color: #fff;
color: #aaa;
}


/* Tableaux pour la liste des pistes */ 
table {
	width:85%;
	margin:auto;
	margin-top:50px;
	text-align:center;
	font-size:15px;
	border-collapse:collapse;
}
tr:hover {background-color:#eee;}
td {border-bottom:1px #eee solid;}
.last {border-top:1px #eee solid;text-align:left;}
.blank:hover ,#silence tr:hover{background-color:transparent}.time{width:5%;}


object img {
margin:10px 0 0 -20px;
border-top:1px #000 solid;
}
#index object img {margin:0px;border:none;}


hr {
margin:30px auto;
height:3px;
width:80%;
background-color:#bbb;
color:#bbb;
border-bottom:#eee solid 2px
}
acronym {
border-bottom:1px dotted #ccc;
}
q {
font-style:italic
}
.citation {background:#F7F7F7 url(fixe/citation.png) no-repeat 50% 100%;padding:10px;padding-bottom:30px}
.left {float:left;margin-right:5px} .right {float:right;margin-left:5px} .center {margin-left:80px}



/****************************************************************/
/* Images spécifique à chaques pages */
/****************************************************************/



/*   Autre endroit   */
/*-------------------*/

body#autreendroit {
	background-image:url("img/background_lautreendroit.png");
}
#autreendroit .cont_left a {
	background:none;
	padding:0
}
#autreendroit .pochette a {
	background-image:url("img/autreendroit_front2b.png");
}
#autreendroit #right a {	
	background-image:url("img/autreendroit_back2.png");
}
#autreendroit .pochette a:hover {
	line-height:190px;
	text-indent:20px;
}
#autreendroit .pochette#right a:hover {
	text-indent:18px;
}



/*     Encre     */
/*---------------*/

body#encre {
	background-image:url("img/background_encre.png");
	background-position:100px -100px;
}
#encre .cont_left a {
	background:none;
	padding:0
}
#encre .pochette a {
	background-image:url("img/encre_front2.png");
}
#encre #right a {	
	background-image:url("img/encre_back2.png");
}
#encre .pochette a:hover {
	line-height:40px;
	text-indent:35px;
}
#encre .pochette#right a:hover {
	line-height:195px;
	text-indent:35px;
}




/*    Silence    */
/*---------------*/

#silence .pochette a {
	background-image:url("img/silence_front2.png");
}
#silence #right a {	
	background-image:url("img/silence_back2.png");
}
#silence .cont_left {
	background-image:url("img/silence_contenu.png") !important;
}
#silence .pochette a:hover {
	line-height:165px;
	text-indent:13px;
}
#silence .pochette#right a:hover {
	line-height:40px;
	text-indent:42px;
}





/****************************************************************/
/* Design : Bordure ombrée */
/****************************************************************/

#conteneur {
	display:block;
	position:absolute;
	width:762px;
	height:562px;
	margin-left:-381px;
	margin-top:-281px;
	left:50%;
	top:50%;
	background-image:url("fixe/fond.png") !important;
	background-image:url("fixe/fond.gif");
	background-repeat:no-repeat;
}



/****************************************************************/
/* Menu */
/****************************************************************/

h1 {
	position:absolute;
	top:2px;
	left:60px
}

#menu {
	position:absolute;
	width:auto;
	height:50px;
	float:right;
	top:50px;
	right:59px !important;
	right:25px;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}

#menu li {
	display:inline;
	padding:5px 5px 5px 51px !important;
	padding:0px 30px 0px 30px;
	margin:0px;
}

#menu a {
	color:#ccc;
	}

#menu a:hover {
	color:#000;
	border:none !important
}

#menu a.current {
	color:#900;
}



/****************************************************************/
/* Contenu de gauche */
/****************************************************************/

.cont_left, .cont_right {
	position:absolute;
	overflow:hidden; /* hidden  */
	width:292px;
	height:346px;
	top:115px;
	left:42px;
	padding:10px;
	padding-bottom:30px;
	color:#444;
	font-size:0.8em;
	border:#EEE 1px solid;
	background-image:url("fixe/white.png");
	
	/* Opacité */
	filter: alpha(opacity=90); /* propriétaire IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:0.90; /* propriétaire Firefox */
	-khtml-opacity: 0.9; /* propriétaire Konqueror */
	opacity:0.90; /* CSS3 */
}
#index .cont_left, #silence .cont_left, #last .cont_left, #jamendo .cont_left, #copyleft .cont_left {
	overflow:auto; /* hidden ou fixed */
	filter:alpha(opacity=100); /* propriétaire IE */
	-moz-opacity:1; /* propriétaire Firefox */
	opacity:0.9; /* CSS3 */
}

/* Style des listes */
li {
	margin-left:25px;
	list-style-type:disc;
	list-style-position:outside;
}
ul {
	margin-bottom:20px;
}

/* Style des textes */
p {
	text-indent:10px;
	margin:10px 5px 15px 0px;
}

/* Styles des titres */
h3, h5 {
	width:80%;
	font-weight:bold;
	font-size:1.1em;
	border-bottom:1px #900 solid;
	border-left:5px #900 solid;
	padding-left:5px;
	margin-bottom:10px;
	font-family:"Times New Roman";
}
h5 {
	margin-top:10px;
	text-align:center;
	font-size:0.9em;
	width:98%;
	border-bottom:1px #000 solid;
	border-top:1px #000 solid;
	border-left:none
}
cite {
	font-size:0.9em;
	line-height:0em;
	//line-height:1.5em;
}


/*************************************************************************************/
/* Contenu de droite (+ sur la page de Copyleft, Jamendo, Last.fm, Presse et Contact) */
/*************************************************************************************/

.cont_right {
	float:right;
	width:270px;
	left:417px;
	border:none;
}

.cont_right a { /* Pour les pages Jamendo et Last.fm */
	position:absolute;
	overflow:hidden; 
	height:85px;
}
.cont_right a:hover {
	background-position:0px 85px;
}

.cont_right a.jam {
	width:270px;
	margin:30px 0px;
	background-image:url("fixe/jamendo.png");
	text-indent:-5000px;
}
.cont_right a.last {
	width:160px;
	margin:230px 60px;
	background-image:url("fixe/lastfm.png");
	text-indent:-5000px;
}

#last .cont_right a.last, #jamendo .cont_right a.jam  {
	background-position:0px 85px;
}

#presse .cont_right, #contact .cont_right, #webmaster .cont_right, #copyleft .cont_right {
	width:282px;
	border:#EEE 1px solid;
}
#copyleft .cont_right a, #contact .cont_right a, #webmaster .cont_right a, #presse .cont_right a  {position:relative}

#presse .moultipass {margin-left:41px}
#presse .img:hover {border-bottom:7px #ddd solid}
#presse a {background:none;padding:0}

#contact .cont_right, #wemaster .cont_left {text-align:center}

#webmaster .cont_right {background:url("blood2.jpg") no-repeat right bottom}
#webmaster .cont_right p.mailto {position:absolute;bottom:105px;right:48px;font-weight:bold}
#webmaster .cont_right p a {font-size:1.2em;margin-left:5px;font-style:italic;font-family:'Frutiger linotype';color:#000}
#webmaster .cont_right p a:hover {color:#fff !important;border:none}

.contact_webmaster {position:absolute;top:518px;margin-left:-100px;left:50%;width:200px;text-align:center;font-size:0.8em}



/****************************************************************/
/* Pochettes */
/****************************************************************/



/* Cadre de visualisation des miniatures */
#preview {
	float:right;
	margin:245px -283px 0 0;
	width:304px;
	height:260px;
}
#preview img {
	position:absolute;
	border:#eee 1px solid;
	z-index:100; /* au dessus du lecteur flash */
}


/* Panneau sous les pochettes */
#panneau {
	position:relative;
	float:right;
	margin:246px -304px 0 0 !important;
	margin-top:220px;
	width:300px;
	overflow:hidden; 
}

#panneau p {
	margin:auto;
	display:none !important;
	display:block;
	border:1px #eee solid;
	width:200px;
	margin-top:50px;
	padding:15px 15px 15px 15px;
	font-size:0.7em;
}

#mp3player {
	margin-top:20px;
	margin-left:22px;
}


/* Introduction Flash sur l'index */
#flash {
	position:absolute;
	float:right;
	margin:150px 0px 0px 418px;
	width:300px;
	height:240px;
	border:#000 1px solid;
	padding:1px;
}


/* Miniatures des pochettes */
.pochette {
	float:right;
	margin:130px 53px 0 0;
	width:100px;
	height:85px;
	border:#aaa 1px solid;
	border-bottom:#eee 1px solid; 
	border-right:#eee 1px solid; 
}

.pochette a {
	background-repeat:no-repeat;
	background-position:center;
	font-weight:bold;
	font-size:16px;
	text-indent:-10000px;
}

.pochette a:hover {
	background-position:2px 2px;
	background-color:#ddd;
}


/* Spécificités miniature de la pochette de droite */
#right {
	margin-right:65px !important; 
	margin-right:33px; 
}



/****************************************************************/
/* Texte "ARRIERE/AVANT" sur les miniatures */
/****************************************************************/

.pochette span {
	position:absolute;
	width:100px;
	height:100px;
	margin-top:-10px;
	margin-left:-20px;
}

.ombre {
	padding-top:3px;
	padding-left:3px;
	color:#ddd;
}
.avarriere {
	color:#aaa;
}



/****************************************************************/
/* Infobulles */
/****************************************************************/

div.info {
	padding:5px;
}
div.info span.info, a.info span {
   display:none; /* on masque l'infobulle */
}
#silence a.info:hover, div.info:hover {
   cursor:help; /* on change le curseur par défaut en curseur d'aide */
}
div.info span.info {cursor:default}

#silence a.info:hover span, div.info:hover span.info {
	font-size:13px;
	display:inline; /* on affiche l'infobulle */
	position:absolute;
	width:250px;
	background:#fff;
	margin-top:5px;
	margin-left:-25px;
	padding:10px;
	border:1px solid #ccc;
	border-left: 5px solid #333;
	font-weight:normal; /* Rétablir le texte pour l'infobulle de la page "Silence" */
	background:#fff;
}

/* Mettre en évidence le lien "Total" sur la page de l'album Silence */
a.info {
	font-weight:bold;
}

div.info span.info:hover { /* Garder l'infobulle affichée */
	border-left: 5px solid #900;
	display:inline;
}
a.m3u:hover:after { /* Ajouter texte derrière le lien Total au passage de souris */
	content:"(jouer dans lecteur externe)";
	font-size:0.75em;
	color:#833;
	position:absolute;
	margin-top:3px;
	margin-left:3px;
}
a.m3u:hover { /* Correction d'un bug IE sur le lien "Total", rétablissement de la taille du lien */
	font-size:1em; 
	margin-top:5px;
	margin-left:0px;
}
.taille { /* Cadre gris indiquant la taille des albums */
	float:right;
	display:inline;
	background-color:#eee;
	border:1px #ddd solid;
	border-top:2px #ddd solid;
	border-left:2px #ddd solid;
	padding:5px;
	margin-top:3px;
	margin-right:3px;
	width:auto;
	height:100%;
	font-size:1em; 
	text-align:center;
}


/****************************************************************/
/* Footer */
/****************************************************************/

#footer {
	border:1px solid #eee;
	border-left:none;
	border-right:none;
	margin:auto;
	margin-top:595px;
	margin-bottom:35px;
	padding:5px;
	text-align:center;
	font-size:0.68em;
	background-color:#fff;
}
#footer a {
	background:none;
	padding:0;
	margin:0 7px
}