/* CSS Document */
* {font-size: 100%; padding: 0; margin: 0;}
body{
	margin: 0;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background-color:#000;
	font-family:"trebuchet MS";
	font-size:11px; 
	color:#cccc99;
}
a{
color:#ffffcc;}

a:hover{
color:#999933;}
	
#header {

	width:770px;		
	height: 60px;
	background-image:url(images/milkandmoon_records_moon.jpg);
	background-position:right top;
	background-repeat: no-repeat;
}
.spacer {
clear: both;
}

#conteneur{
	position:absolute;
width: 770px;
left: 50%;
margin-left: -375px;
	margin-top: 0px;
	padding:0px;
	text-align: left;

	background:url(images/milk_and_moon_logo_bg.gif) bottom left no-repeat;

}
#conteneur_error{
	position:absolute;
width: 770px;
left: 50%;
margin-left: -375px;
	margin-top: 0px;
	padding:0px;
	text-align: left;


}
h1{
		font-size:13px; 

}

h1#titre_accueil{
	color:#cccc99;
}

#contenu{
	margin-left: 170px;
	width:600px;


}
#contenu img{
margin:3px;

}
div#menu{
position:absolute;
top: 145px;
left:15px;
width:200px;


}
		#menu ul
		{
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
		}
		
		#menu ul li
		{
			margin: 0 0 5px 0 ;
			padding: 0 ;
		}
		
		#menu ul li a
		{
			display: block ;
			width: 102px ;
			height: 25px ;
			color: #000 ;
			font-size:2px;
			text-indent: 0px ;
			text-decoration: none ;
		}
		

		 #menu ul li#home a 
		{		background: url(images/menu/menu_home.gif) no-repeat 0 0 ;
			}
		#menu ul li#home a:hover 
		{	background: url(images/menu/menu_home.gif) no-repeat 0 -25px ;}
		 #menu ul li#catalog a 
		{		background: url(images/menu/menu_catalog.gif) no-repeat 0 0 ;
			}
		#menu ul li#catalog a:hover 
		{	background: url(images/menu/menu_catalog.gif) no-repeat 0 -25px ;}
		 #menu ul li#buy a 
		{		background: url(images/menu/menu_buy.gif) no-repeat 0 0 ;
			}
		#menu ul li#buy a:hover 
		{	background: url(images/menu/menu_buy.gif) no-repeat 0 -25px ;}
		 #menu ul li#media a 
		{		background: url(images/menu/menu_media.gif) no-repeat 0 0 ;
			}
		#menu ul li#media a:hover 
		{	background: url(images/menu/menu_media.gif) no-repeat 0 -25px ;}
		 #menu ul li#links a 
		{		background: url(images/menu/menu_links.gif) no-repeat 0 0 ;
			}
		#menu ul li#links a:hover 
		{	background: url(images/menu/menu_links.gif) no-repeat 0 -25px ;}
		 #menu ul li#about a 
		{		background: url(images/menu/menu_about.gif) no-repeat 0 0 ;
			}
		#menu ul li#about a:hover 
		{	background: url(images/menu/menu_about.gif) no-repeat 0 -25px ;}

	
	

#define{
width:615px;
padding:5px;
margin-left:120px;	
font-size:10px;
color:#ffffcc;

}
#out{
	margin-top:30px;
	margin-left:40px;
	width:500px;

}
#out h1{
font-size:12px;
	font-style: oblique;
	font-weight:bold;
padding:4px;
}
.out_now{


float:left;
width:250;}
#upcoming{

margin-left:70px;
width:300px;

}
#upcoming h1{
font-size:12px;
	font-style: oblique;
	font-weight:bold;
padding:4px;
}

#news{
	position:relative;
	margin-top:30px;
	width:220px;
	float:right;

}	
#news h1{
font-size:12px;
	font-style: oblique;
	font-weight:bold;
padding:4px;}
#about{
margin-top:30px;
margin-left:71px;
margin-bottom:50px;}
#about h1{
font-size:12px;
	font-style: oblique;
	font-weight:bold;
padding-bottom:4px;
}
#about h2{
margin-top:10px;
margin-left:30px;
padding-bottom:4px;
}
#about p{
margin-left:50px;
padding:3px;
}
#links{
margin-top:30px;
margin-left:71px;
margin-bottom:100px;}
#links h1{
font-size:12px;
	font-style: oblique;
	font-weight:bold;
padding-bottom:4px;
}
#links ul{
	margin-left: 120px;
}

#links li{
	list-style-type: none;
	float: none;
	padding:4px;
	list-style-image: url(images/puce.gif);
}
#distrib{
margin-top:30px;
margin-left:71px;
margin-bottom:20px;}

#distrib ul{
	margin-left: 190px;
}
#distrib li, #liste_accueil li{
	list-style-type: none;
	float: none;
	padding:4px;
	list-style-image: url(images/puce.gif);
}
#footer {
clear:both;
	padding:10px;
	height:30px;
font-size:10px;
font-style:italic;
float:right;}