@charset "UTF-8";

@import url("menu.css");

/* CSS Document */

 /*-----------------------------------------------------
	ELEMENTS HTML EN GENERAL
-----------------------------------------------------*/
body {
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#000;
	background:#DDD;
}

h1 {
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
	font:normal normal normal 10px Verdana, Geneva, sans-serif;
	color:#FFF;
}

h2 {
	background:url("../gfx/squareh2.jpg") left no-repeat;
	margin:0;
	padding:0 0 7px 15px;
	font:normal normal normal 15px Verdana, Geneva, sans-serif;
	border-bottom:1px solid #CCC;
}

h2 a:link, h2 a:visited { color:#000; }
h2 a:hover, h2 a:active { color:#F0A23A; }

h3 { 
	margin:0 0 5px 0;
	padding:0;
	font:normal normal normal 12px Verdana, Geneva, sans-serif;
}

img { border:none; }

a:link, a:visited {
	color:#F0A23A;
	text-decoration:none;
}

a:hover, a:active {
	color:#F93;
	text-decoration:underline;
}

label {	
	display:block; 
	width:100px;
	font:normal small-caps bold 12px Verdana, Geneva, sans-serif;
	letter-spacing:1px; 
	float:left; 
	text-align:right; 
	margin-right:10px;
}

ul, ol, li {
	border: none; 
	list-style: none;
	padding: 0px; 
	margin: 0px;
	display:block;
}

li {
	background:url("../gfx/puce.png") left no-repeat;
	padding-left:20px;
}



/*-----------------------------------------------------
	GABARIT
-----------------------------------------------------*/
#conteneur {
	background:#FFF;
	width:860px;
	margin:-8px auto 0 auto;
}

#top {
	width:860px;	
	height:200px;
	margin:0;
}
	#top a:link, #top a:visited, #top a:hover, #top a:active {
		text-decoration:none;
		color:#FFF;
	}

	#top #rotator {
		cursor: pointer;
		overflow: hidden;
		position: relative;
		height:200px;
	}		
	#top #rotator img {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
	}	
	
#topClick {
	position:absolute;
	width:860px;
	height:200px;
	z-index:2;
}

	
#logo {
	position:absolute;
	top:125px;
	left:50%;
	margin-left:-405px;
	width:400px;
	height:100px;
	background:url("../gfx/top/logo.png") no-repeat;
	z-index:1;
}

#musique {
	background:url("../gfx/bgBlancOpaque.png") repeat;	
	position:absolute;
	top:200px;
	left:50%;
	margin-left:295px;
	padding:5px;
	width:125px;
	height:20px;
	z-index:3;
	font-size:10px;
}

#sous_top {
	background:none;
	position:relative;
	width:630px;
	height:20px;
	left:50%;
	top:-370px;
	margin-left:-195px;
	font-size:10px;
	line-height:20px;
}

	#search {
		position:relative;
		top:-10px;
		left:210px;
		width:200px;
	}	

#sidebar {
	width:220px;
	margin:0;
	background:#333;
}

#contenu {
	width:610px;
	padding:15px;
	margin-top:-370px;
	margin-left:220px;
	background:#FFF;
	text-align:justify;
	min-height:320px;
}

#footer {
	width:860px;
	height:100px;
	margin:0;
	font-size:10px;
	color:#FFF;	
	background:#000;
}


/*-----------------------------------------------------
	CORPS DE PAGE
-----------------------------------------------------*/
.petitGris { 
	color:#666; 
	font-size:10px;
}

.infos-news {
	font-size:10px;
	color:#999;
}
.message { color:#FF0000; }

.album {
	height:150px;
	line-height:20px;
}

.album img {
	float:left;
	margin-right:10px;
}

/* Page concerts.php */
#concerts { border:none; }

#concerts thead {
	font-weight:bold;
	line-height:25px;
}

#concerts a:link {
	color:#000;
	text-decoration:none;
}

.trait_tab { 
	border-bottom:1px solid #CCC;
	padding:5px 0;
}

.comm_concert {
	color:#666;
	font-size:11px;
}
/* FIN page concerts.php */

/* Page discographie.php */
blockquote {
	padding:15px;
	background:#F2F2F2;
	border:1px solid #CCC;
}
/* FIN Page discographie.php */

/* Page musique.php */
.musique {
	height:65px;
	width:310px;
	padding:5px 10px 10px 10px;
	border:1px solid #999;
	background:#E5E5E5;
}
	.musique embed {
		height:0;
		width:0;
		padding:0;
	}
/* FIN Page musique.php */


/*-----------------------------------------------------
	ENCARTS PUBLICITAIRES
-----------------------------------------------------*/
#pubDroite {
	position:absolute;
	left:50%;
	margin-left:450px;
	top:30px;
}

#pubBas{
	position:absolute;
	margin-left:50%;
	left:-430px;
	top:10px;
}


/*-----------------------------------------------------
	PAGINATION
-----------------------------------------------------*/
div.pagination {
    font:10px Verdana, Geneva, sans-serif;
    padding:3px;
    margin:3px
}
div.pagination a {
    background:#F2F2F2;
    border:1px solid #999;
    color:#000;
    margin:1px;
    padding:2px 3px;
    text-decoration:none
}
div.pagination a:hover,active {
    color:#B7B394;
    margin:1px;
    padding:2px 3px;
}
div.pagination span.courante {
    background:#B7B394;
    border:1px solid #999;
	font-size:12px;
    font-weight:bold;
    color:#FFF;	
    margin:1px;
    padding:3px 4px
}


/*-----------------------------------------------------
	FOOTER
-----------------------------------------------------*/
#footerLeft {
	width:210px;
	height:80px;	
	padding:10px;
}
#footerMiddle {
	width:280px;
	height:80px;	
	padding:10px;
	margin:-100px 0 0 220px;
}
#footerMiddle a:link, #footerMiddle a:visited {
	text-decoration:none;
	color:#FFF;
}
#footerMiddle a:hover, #footerMiddle a:active { text-decoration:underline; }

#footerRight {
	width:330px;
	padding-top:18px;
	margin:-100px 0 0 520px;
}