body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
  background: #ffffff;
}

a {
 text-decoration: underline;
	color: #000000;
}

img {
    border: none;
}


.break {
	clear: both;
}

#page, #top, #mid, #bot, #left, #lsidea, #rside {
	margin: 0;
	padding: 0;
}

#page {
	margin: 0 auto;
	top:0;
	text-align:  justify;
	width: 905px;
	position: relative;
}

#top {
 	display: block;
	width: 905px;
}

#mid {
	width: 905px;
}

#bot {
	display: block;
  margin-top: 20px;
	margin-left: 260px;
	width: 610px;
	border-top: 1px solid #DDD;
	text-align: center;
	color: #999;
	background: url(./pix/musique-partition-10.png);
}
#bot a{
 color: #999;
}


#left {
	float: left;
	width: 905px;
}
#main {
  display: block;
	padding-top: 225px;
	width: 615px;
	margin: auto;
	padding-left: 240px;
}
#main-search {
  display: block;
	padding-top: 225px;
	margin: auto;
	padding-left : 50px;
}

#lside, #rside {
	width: 200px;
}
#lside {
	float: left;
	background-color: #FFF;
}

#rside {
	float: right;
	background-color: #EFE;
}


#login {
  position: absolute;
	bottom: 0;
	right: 0;
	font-size: 11px;
	height: 19px;
	padding: 1px 5px;
	width: 990px;
	text-align: right;
}

#page_admin {
    background-color: #FFFF99;
	border: 1px solid #400;
	padding: 1px 3px;
	margin: 3px;
}


/* Style des boîtes de message */
.msg_title {
	margin: 0;
	padding: 0;
	font-size: 11pt;
}
.msg_ok, .msg_info, .msg_warning, .msg_error {
	margin: 12px;
	padding: 6px;
	background-color: #FFF;
}
.msg_ok {
	border: 2px solid #0A0;
}
.msg_info {
	border: 2px solid #08A;
}
.msg_warning {
	border: 2px solid #F90;
	background-color: #FFE;
}
.msg_error {
	border: 2px solid #F00;
	color: #B00;
	background-color: #FFC;
}

/*  */
.warncell {
    background-color: #FFC;
	border: 2px solid red;
}

/* stylage menu principal */
#mmenu {
    list-style: none;
	margin: 0;
	padding: 0;
}
.mmenu0 {
	background-color: #148;
	text-align: center;
	font-size:16px;
	font-weight: bold;
	margin-top: 4px;
}
.mmenu1 {
	background-color: #47B;
	font-size:13px;
	font-weight: bold;
	padding-left: 5px;
	border-top: none;
}
.mmenu2 {
	background-color: #BDF;
	font-size:12px;
	padding-left: 12px;
}

.mmenu0 a {
	color: #FFF;
}
.mmenu1 a {
	color: #FFF;
}
.mmenu2 a {
	color: #47B;
}
.mmon {
    font-weight: bold;
	border-right: 8px solid orange;
}

/* Style login */
#login_form {
    display: inline;
}
#login_form input {
    width: 60px;
	padding: 0 3px;
	font-size: 11px;
}
/* titre */
h1 {
 display: block;
 position: relative;
 font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
 width: 590px;
 height: 42px;
 padding-top:13px;
 margin-top: 0px;
 padding-left:40px;
 margin-left: -15px;
 font-size: 20px;
 color: #ffffff;
 overflow : hidden;
 text-align: left;
 background: url(./pix/musique-titre.png);
}
h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
	color: #666666;
	font-weight: bold;
	display:block;
	margin: 10px 10px;
	padding: 0;
}
/* Produits en listing */
.product {
    position: relative;
	margin: 9px 5px;
	border: 1px solid #369;
}
.product h4 {
	margin: 0;
	padding: 5px 0 10px 0;
}
.product h4 a {
	color: #369;
}
.product .module {
    position: absolute;
	left: 135px;
	top: 10px;
	width: 430px;
	padding: 0 5px;
}
.product .img_M {
	border-right: 1px solid #369;
}
/* tarif */
.prix {
	font-weight: bold;
	color: #000099;
}
.prixbarre {
	font-weight: bold;
	color: #900;
	text-decoration: line-through;
}
.prixpromo {
	font-weight: bold;
	color: #0A0;
}


#menu_principal {
    position: absolute;
	top: 0;
	left: 0;
}
#menu_principal ul {
    margin:0;
	padding: 0;
}


#menu_principal li {
    display: block;
	float:left;
	padding: 2px 5px;
}
#menu_principal h3 {
    display: none;
}

#menu_bas {
    position: absolute;
	top: 0;
	right: 0;
}
#menu_bas ul {
    margin:0;
	padding: 0;
}


#menu_bas li {
    display: block;
	float:left;
	padding: 2px 5px;
}
#menu_bas h3 {
    display: none;
}

/* listing produits */
.list {
	clear: both;
	margin: 16px 0;
	height: 165px;
	display: block;
	text-decoration: none;
	color: #333;
}
.list img {
    float: left;
	border: 1px solid #369;
	margin: 0 14px 0 0;
}
.list h3 {
	font-size: 11pt;
	color: #369;
	margin:3px;
	padding: 0;
	color: #000000;
}
.list h4 {
    font-size: 10pt;
	color: #666;
	margin:2px;
	padding: 0;
    font-variant: small-caps;
}
.list h5 {
    font-size: 9pt;
	color: #999;
	margin:2px;
	padding: 0;
}
.list span {
    text-decoration: underline;
	color: #3333FF;
}

.pages {
    margin: 16px 0;
	text-align: center;
}


#horizon {
 position:absolute;
 top:0;
 display:block;
 margin:0;
 padding:0;
 width:100%;
 height:155px;
 background-image:url('./pix/musique-partition-01.png');
 z-index:-1;
}
#panier{
 display:block;
 position: absolute;
 top:0;
 left:550px;
 margin:0;
 padding:40px 0 0 100px;
 width:255px;
 height:50px;
 background-image:url('./pix/musique-partition-03.png');
 color: #dfc159;
}
#panier a{
color: #dfc159;
}

#logo a {
	display: block ;
	position: absolute;
	top:0;
	left:0;
	width: 550px ;
	color: #000 ;
	text-decoration: none ;
	background: url(./pix/musique-partition-02.png) no-repeat 0 0px ;
}
#logo a:hover {background: url(./pix/musique-partition-02.png) no-repeat 0 -90px ;}

#achat a {
  display: block ;
	width: 95px;
	text-decoration: none ;
	background: url(./pix/musique-partition-13.png) no-repeat 0 0px;
}
#achat a:hover {background: url(./pix/musique-partition-13.png) no-repeat 0 -35px ;}


/*********************** RECHERCHE *********************************/
#recherche {
display : block;
position: absolute;
margin-left: auto;
margin-right: auto;
margin-top:0;
padding-top:0;
top:120px;
background-image:url(./pix/musique-partition-04.png);
width: 905px;
height: 90px;
}
.recherche{
display: block;
height:37px;
margin: 0;
padding:0;
}
input.recherche {
display:block;
position: relative;
border:0px;
background-color:transparent;
padding-top: 36px;
padding-left: 150px;
}
#rech-env {
display: block;
position: absolute;
top:24px;
left:590px;
}
#rech-env a {
  display: block ;
	width: 130px;
	text-decoration: none ;
	background: url(./pix/musique-partition-05.png) no-repeat 0 0px;
}
#rech-env a:hover {background: url(./pix/musique-partition-05.png) no-repeat 0 -35px;}



/********************* MENU **************************************/
#gauche {
 position:absolute;
 display:block;
 top: 221px;
 left: 17px;
 width: 200px;
}
.menu {
 display: block;
 width: 200px;
 height: 20px;
 text-align:left;
 line-height: 20px;
 padding-left: 16px;
 text-decoration: none;
}
.menu :hover {
 display: block;
 width: 200px;
 height: 20px;
 text-align:left;
 line-height: 20px;
 text-decoration: underline;
}
.menu a {
 font-size: 10px;
 font-weight: bold;
 color: #000000;
}
.menu a:hover {
 color: #ffffff;
}
.menu-haut {
background: url(./pix/musique-menu-02.png);
margin:0;
}
.menu-centre {
background: url(./pix/musique-menu-02.png);
margin:0;
}
.menu-bas {
background: url(./pix/musique-menu-03.png);
margin:0;
}

/***************** ALEAT *******************************/
.aleat {
 display: block;
 height: 245px;
 overflow: hidden;
 width: 120px;
 text-align:center;
 color: #666666;
 font-size: 10px;
}
.aleat a{
 text-decoration:none;
}

#aleat-achat a {
	display: block ;
	float:right;
	margin: 0 auto;
	width: 55px ;
	height: 35px;
	padding-right: 22px;
	color: #000 ;
	text-decoration: none ;
	background: url(pix/cmd-panier.png) no-repeat 0 0px ;
	 margin-bottom: 20px;
}
#aleat-achat a:hover {background: url(pix/cmd-panier.png) no-repeat 0 -35px ;}

#aleat-savoir a {
	float: left;
	display: block ;
	width: 70px ;
	height: 35px;
	color: #000 ;
	text-decoration: none ;
	background: url(pix/cmd-voir.png) no-repeat 0 0px ;
	 margin-bottom: 20px;
}
#aleat-savoir a:hover {background: url(pix/cmd-voir.png) no-repeat 0 -35px ;}