/*
	Initialisation de base
	**********************************/

*,html,body  { margin:0;padding:0; }

body {
	font:76%/140% Arial, Helvetica, sans-serif;
	color:#000;
	background:#9966CC url(/ecole-musique/imgs/edwardian_tile.png) top left repeat;
	}

a, a:hover {
	color:#000;
	text-decoration:none;
	}

blockquote {
	margin:10px 3px 10px 25px;
	border-left:5px solid #009966;
	padding:5px 5px 5px 5px;
	}

p {
	margin:0 0 15px 0;
}

h1,h2,h3,h4 {
	margin:0 0 15px 0;
}

img,
a {
	border:none;
	text-decoration:none;
}

/*
	#preheader
	************************************/

#preheader {
	font-size:.8em;
	margin:10px 0 0 35px;
	color:#336;
}

#preheader a {
	color:#336;
}

/*
	#bigstuff
	************************************/

#bigstuff {
	margin:0 35px 0 35px;
	background-color:#FFF;
	border:4px solid #990033;
}

/*
	#header
	************************************/

#header h1 a {
	display:block;
	width:760px;
	height:160px;
	text-indent:-9000px;
	background:url(/ecole-musique/imgs/titre.png) top left no-repeat;
}

/*
	#wrapper
	************************************/

#wrapper {
	margin:0 25px 0 25px;
	width:800px;
}

/*
	#content
	************************************/

#content {
	float:right;
	width:590px;	
}

#content a {
	font-weight:bold;
}

#content ul {
	margin:0 0 15px 15px;
}

#content h2 {
	display:block;
	width:600px;
	height:60px;
	color:#990033;
	background:url(/ecole-musique/imgs/h2-bg.png) top right no-repeat;
	padding:25px 0 0 0;
	margin:0;
}

.t_photo {
	float:left;
	margin:0 25px 25px 0;
}

.big_photo img {
	display:block;
	border:3px solid #333;
	margin:0 0 15px 0;
}

#content .moz-img {
	float:left;
	margin:0 10px 10px 0;
}

/* .concert-item */

#content .concert-item {
	padding:4px;
	margin:0 0 15px 0;
	background-color:#f3d9f3;
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	}

/* .concert-item-archives */

#content .concert-item-archives {
	padding:4px;
	margin:0 0 15px 0;
	background-color:#e5e5e5;
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	color:#666;
	}


#content .membre-container {
	display:inline-block;
	width:150px;
	padding:10px;
	margin:0 5px 5px 0;
	background-color:#e5e5e5;
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:center;
	}
	
#content .membre-container span {
	font-weight:bold;
	display:block;
	}
	
/*
	#sidebar
	************************************/

#sidebar {
	float:left;
	width:180px;
	border-right:1px dotted #ccc;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
}

#sidebar ul {
	text-align:left;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0;
	}
	
#sidebar ul li {
	margin:0;
	padding:0;
	}
	
#sidebar ul li a {
	display:block;
	background:#f1f1f1 url(imgs/li-sidebar.png) top left repeat-x;
	border-bottom:1px solid #990033;
	border-right:1px solid #990033;
	border-top:1px solid #CC99FF;
	border-left:1px solid #CC99FF;
	padding:.15em .3em;
	margin:0 0 3px 2px;
	font-size:.9em;
	font-weight:bold;
	}

#sidebar ul li a:hover {
	border-top:1px solid #CC99FF;
	border-left:1px solid #CC99FF;
	border-bottom:1px solid #990033;
	border-right:1px solid #990033;
	background:#fcf url(imgs/li-sidebar-over.png) top left repeat-x;
}

/*
	#gazette_div
	************************************/

#gazette_div {
	margin:0 0 15px 0;
}

#gazette_div a.lien_gazette_ico {
	background:url(imgs/lien_gazette.png) top left no-repeat;
	display:inline-block;
	width:120px;
	height:48px;
	padding:0 0 10px 52px;
	font-size:11px;
}

#gazette_div a img {
	border:1px solid #ccc;
}

/*
	#footer
	************************************/

#footer {
	font-size:.8em;
	margin:0 39px 15px 35px;
	color:#336;
}

#footer a {
	color:#336;
}

/*
	Classes diverses
	************************************/

.clearboth {
	clear:both;
}

.hrspace {
	margin:15px 0;
}

ul.fancy-btn {
	text-align:left;
	list-style-type:none;
	margin:0 0 15px 0;
	padding:0;
	}
	
ul.fancy-btn li {
	display:inline;
	margin:0;
	padding:0;
	}
	
ul.fancy-btn li a {
	background-color:#f1f1f1;
	border-bottom:1px solid #990033;
	border-right:1px solid #990033;
	border-top:1px solid #CC99FF;
	border-left:1px solid #CC99FF;
	padding:.15em .3em;
	margin-left:2px;
	font-size:.9em;
	}

ul.fancy-btn li a:hover {
	background-color:#FFCCFF;
	border-top:1px solid #CC99FF;
	border-left:1px solid #CC99FF;
	border-bottom:1px solid #990033;
	border-right:1px solid #990033;	
}

.note {
	color:#999;
	font-style:italic;
	font-size:.9em;
}

.note a {
	color:#999;
	font-style:normal;
}