*{ margin:0; padding:0; }

body{
font-family:Georgia;
font-size:12px;
text-align:center;
background-image:url(img/bg.gif);
background-repeat:repeat-x;
}

h1 a{
display:block;
width:500px;
height:104px;
}

h1 span{
display:none;
}

h2{
display:none;
}

h3{
font-size:18px;
color:#333;
font-weight:normal;
margin-bottom:15px;
}

h4{
font-weight:normal;
font-size:14px;
margin-bottom:10px;
}

a{
color:#06c;
text-decoration:none;
}

ul{
list-style-type:none;
}

img{
border:0;
}

#page{
text-align:left;
width:705px;
margin:0 auto;
}

.filter{
font-size:14px;
margin:-10px 0 10px 0;
}


/* HEADER */

#header{
height:104px;
background-image:url(img/header.jpg);
background-repeat:no-repeat;
position:relative;
}

#login{
width:180px;
height:104px;
position:absolute;
top:0;
right:0;
background-image:url(img/bg_login.jpg);
}

#login h4{
margin: 10px 0 3px 15px;
color:#333;
}

#login input{
width:115px;
border:1px solid #999;
margin:2px;
margin-left:15px;
}

#login .submit{
background-color:#a4b2d0;
border:1px solid #9aaacd;
color:#fff;
font-size:9px;
width:auto;
padding:3px 4px 2px 3px;
position:absolute;
right:2px;
}

#login a{
font-size:10px;
margin-left:15px;
}



/* MENU */

#menu{
height:60px;
background-image:url(img/bg_menu.jpg);
}

#menu ul{
text-align:center;
padding:10px 0;
}

#menu li{
display:inline;
margin:25px;
font-size:14px;
}

#menu a{
color:#fff;
}


/* COLS */

#content{
line-height:18px;
}

#col1{
border-right:1px solid #abac92;
width:335px;
float:left;
clear:both;
margin-top:20px;
}

#col1 div{
width:325px;
}

#col2{
width:365px;
float:right;
text-align:right;
margin-top:20px;
}

#col2 div{
text-align:left;
margin-left:10px;
}

#minicol1{
width:240px;
float:left;
}

#minicol2{
width:460px;
float:left;
}


/* CONTENTS */

#content{
font-size:11px;
}

.iconpanier{
padding-left:22px;
padding-bottom:3px;
background-image:url(img/icon_panier.png);
background-repeat:no-repeat;
}

#nouveaute img{
display:block;
background-color:#ccc;
width:325px;
height:160px;
margin-bottom:15px;
}

#col1 #agenda{
margin-top:20px;
padding-top:10px;
background-image:url(img/bg_agenda.jpg);
background-repeat:no-repeat;
}

#agenda h3{
margin-left:10px;
}

#agenda li{
margin-left:10px;
margin-bottom:20px;
}

#agenda p{
margin-left:10px;
}

#lancements li, #disques li{
margin-bottom:30px;
}

#lancements img, #disques img{
display:block;
background-color:#ccc;
width:105px;
height:105px;
float:left;
margin-right:15px;
}

#lancements p img{
background-color:#999;
width:105px;
height:44px;
float:none;
margin:10px 0;
}

#paginate{
font-size:14px;
margin-left:120px;
}

#filter{
margin-top:30px;
}

#filter select{
width:200px;
margin:5px 0;
}

#artistes{
margin-top:20px;
}

#artistes li{
margin-bottom:5px;
position:relative;
}

#artistes li span{
position:absolute;
right:10px;
top:0;
display:block;
width:120px

}

#paraty img{
display:block;
background-color:#ccc;
width:220px;
height:220px;
float:right;
margin-left:20px;
}

#artiste img{
display:block;
background-color:#ccc;
width:220px;
height:220px;
float:left;
margin-right:20px;
}

.links{
margin:10px 0 30px 0;
}

#videos li{
margin-bottom:30px;
}

#videos embed{
width:350px;
height:281px;
}

#disque p{
margin-bottom:15px;
}

#disque li{
font-weight:bold;
}

#cover img {
display:block;
background-color:#ccc;
width:220px;
height:220px;
}

#music{
width:220px;
height:150px;
margin-top:20px;
}

#download{
margin-top:30px;
width:150px;
padding-left:25px;
padding-bottom:3px;
background-image:url(img/download.jpg);
background-repeat:no-repeat;
background-position:0 10px;
}

#artistes img{
display:block;
width:66px;
height:66px;
background-color:#ccc;
float:left;
margin-right:10px;
}

#minicol1 #artistes li{
margin-bottom:25px;
}

#recompenses p{
margin-bottom:10px;
}

#recompenses li{
margin-bottom:5px;
font-weight:bold;
height:50px;
}

#recompenses img{
display:block;
float:left;
width:42px;
height:42px;
background-color:#ccc;
margin-right:10px;
}

#recompenses span{
display:block;
padding-top:10px;
}

#programme{
margin-bottom:40px;
}

#programme p{
margin-top:30px;
font-weight:bold;
}

#programme li{
position:relative;
}

#programme li span{
position:absolute;
top:0;
left:250px;
}

#prix{
position:relative;
margin-bottom:20px;
}

#prix p{
float:left;
margin-right:15px;
}


td{
border-bottom:1px solid #eaeae3;
padding:2px 0;
}

table{
margin-bottom:30px;
}



/* FOOTER */

#footer{
clear:both;
height:100px;
position:relative;
background-image:url(img/bg_footer.jpg);
background-repeat:no-repeat;
background-position:bottom center;
}

#partenaires{
position:absolute;
top:35px;
left:150px;
}

#partenaires li{
float:left;
margin-right:15px;
margin-top:5px;
}

#partenaires img{
display:block;
background-color:#ccc;
}