@charset "UTF-8";
/* CSS Document */
/*reset*/
/*font-face*/
body,form,fieldset,p,h1,h2,h3,h4,ul,ol,li,dl,dd,dt,input,select,textarea,button, time { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; -webkit-font-smoothing: antialiased; letter-spacing:0.1em; }
body, p, time { color:#1A171B; }
p,h1,h2,h3,h4,li,div,span { line-height:1.3em; }
fieldset,img { border:none; }
.cleaner { clear:both; font-size:1px; line-height:1px; height:1px; }
.hidden { position:absolute; text-indent:-5000px; }
.hidden2 { position:absolute; left:-5000px; }
.none { display:none; }
input { line-height:1.5em; }

#page input:focus { background-color:#ECEDED; }

#page .search input:focus,
#page .follow input:focus { background-color:#fff; }

* { word-wrap: break-word; }

/*background*/
body { background:#fff; padding:0; }

a { text-decoration:none; color:#1A171B; }
a:hover { text-decoration:underline; }

/**
 * Html 5
 */
abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,video { display:block; }
time { display:inline; }


@media only screen and (max-device-width: 1024px) {
   #page { width:100%; }
   #page .col { width:100%; }
}

#page { width:1003px; text-align:left; padding:34px 0 0 43px; }



/*nav accessibility*/
nav.skip { height:80px;  }
nav.skip li { display:inline; font-size:0.75em; }


.front .menu_switch { }
.front .menu_switch ul { width:1000px; margin:0 auto; }
.menu_switch { padding:0 0 5px 0; }
.menu_switch ul { text-align:right; }
.menu_switch li { display:inline; font-size:0.7em; line-height:1em; list-style-type:none;  }
.menu_switch li.spe { }
.menu_switch li a { color:#fff; padding:0 17px 0 16px; background:url(../images/admin/edges.png) -5200px 1px no-repeat; }
.menu_switch li.on a,
.menu_switch li a:hover,
.menu_switch li a:focus,
.menu_switch li a:active { border-color:#ffe400; background-position:-5000px 1px; text-decoration:none; }


.top_line { min-height:18px; background-color:#000; }

header { width:223px; margin-right:37px; float:left; padding-top:25px; }
header nav { background:url(../images/slices.jpg) left 69px no-repeat; height:227px; }
header nav.on2 { background-position:-300px 69px; }
header nav.on3 { background-position:-600px 69px; }
header nav.on4 { background-position:-900px 69px; }
header nav.on5 { background-position:-1200px 69px; }
header nav li { float:left; list-style-type:none; position:relative; }
header nav li span { display:none; }
header nav li.item1 { left:32px; }
header nav li.item2 { left:44px; }
header nav li.item3 { left:46px; top:40px; }
header nav li.item4 { left:0px; top:80px; }
header nav li.item5 { left:10px; top:87px; }

.body { width:743px; float:left; }

section,
article.album,
article.label { border-top:2px solid #0b697e; margin-top:21px; }
article.label { padding-right:130px; }
section h1,
article h1 { background-color:#0b697e; font-size:0.85em; font-weight:bold; letter-spacing:0.1em; color:#fff;  width:218px; padding:7px 0 4px 5px; display:inline-block; border-right:12px solid #fff; position:relative; top:-21px; }

article.label h1 { margin-bottom:18px; }

section h2,
article h2 { font-size:0.85em; color:#0b697e; font-weight:bold; }

.body p,
.body li { font-size:0.7em; line-height:1.8em; }
.body p a { text-decoration:underline; color:#898A8C; }
.body p a:hover { text-decoration:none; }

.body p { padding:0; margin:0 0 20px 0; }

.home section { margin-bottom:10px; }
.home section.label { width:223px; float:right; }
.home section.albums { width:483px; float:left; margin-bottom:19px; }
.home section.news { width:483px; float:left; }
.home footer { border-top:2px solid #0b697e; clear:both; text-align:right; padding-top:5px; }
.home footer a { font-size:0.7em; color:#0b697e; font-weight:bold; }
.home .news footer { border:none; }

.home .news footer { position:relative; top:-15px; }
.home .news .more { color:#F1901A; }

.home .label { margin-top:15px; }
.home .label footer { /*position:relative; top:8px;*/ }

section.news, 
article.news { border-color:#f1901a; }
section.news h1, 
article.news h1 { background-color:#f1901a; }

.news h2 { color:#1A171B; }
.news .date { color:#f1901a; font-weight:bold; margin-bottom:0; }
.news .piece { border-bottom:1px solid #f1901a; padding-bottom:11px; margin-bottom:15px; }
.news .piece img { display:block; margin-bottom:6px; }

/*.home .news .piece { width:353px; float:left; margin-right:37px; border-width:2px; margin-bottom:0; }
.home .news .last { margin-right:0; }
.home .news footer a { color:#f1901a; }*/

section.albums, 
article.albums,
section.cart_list { border-color:#dd2319; }
section.albums h1, 
article.albums h1,
section.cart_list h1 { background-color:#dd2319; }
.home .albums footer { border-color:#dd2319; }
.home .albums footer a { color:#dd2319; }
.albums h2 { color:#dd2319; }
.albums .list { padding-bottom:1px; /*width:483px; float:left; margin-right:37px;*/ }
.albums .list li.release { list-style-type:none; width: 93px; margin-right:37px; margin-bottom:18px; float:left; }
.albums .list li.last { margin-right:0; }
.albums .list li.new { clear:left; }
.albums .list li .read { display:block; margin-bottom:3px; }
.albums .list li .read span { display:block; width:93px; height:91px; background:url(../images/thumbs.jpg) left top no-repeat; margin-bottom:6px; }


.albums nav.artists { width:223px; float:left; margin-right:37px; }
.albums nav li { list-style-type:none; }
.albums nav li a { display:block; padding-left:2px; }
.albums nav li.on a,
.albums nav li a:hover { background-color:#dd2319; color:#fff; text-decoration:none; }

.albums nav.sort { /*width:483px; float:right; width:223px; float:left;*/ }
.albums nav .field { width:93px; float:left; margin-right:37px; margin-bottom:20px; }
.albums nav .double { width:223px; }
.albums nav .last { margin-right:0; }
.albums nav form label { display:block; font-size:0.7em; color:#dd2319; font-weight:bold; }
.albums nav form select { width:93px; }
.albums nav .double select { width:223px; }

.album .left { float:left; width:483px; padding-top:26px; }
.album .right { float:right; width:223px; padding-top:26px; }
.album .image { float:left; margin-right:17px; }
.album .tools { float:left; padding-top:150px; border-bottom:1px solid #dd2319; padding-bottom:155px; width:108px; }

.album h1 { width:483px; }
.album .detail { clear:both; }
.album .artist { margin-top:147px; border-top:1px solid #dd2319; padding-top:23px; }
.album .artist h2 { font-size:0.7em; line-height:1.8em; margin-bottom:18px; }
.album .back { float:right; position:relative; top:-33px; font-size:0.7em; color:#dd2319; font-weight:bold; }
/*.album .buy_format { background-color:#dd2319; position:absolute; padding:2px 2px; margin:-76px 0 0 95px; }
.album .buy_format li { border-bottom:1px solid #fff; }
.album .buy_format a { color:#fff; font-weight:bold;  }
.album .buy_format a:hover { color:#dd2319; background-color:#fff; }*/
.album .tools a { padding-right:10px; }
.tools a.listen span { position:absolute; background-color:#dd2319; color:#fff; padding:5px; font-size:0.9em; margin:-28px 0 0 18px; display:none; font-weight:bold; }
.tools a.listen:hover span { display:block; }
.album .buy_format { margin:-86px 0 0 95px; }
.album .tools a.listen span { margin:-34px 0 0 28px; font-size:0.7em; }
.album .buy_format li { font-size:0.7em; }
.buy_format { background-color:#dd2319; position:absolute; padding:2px 2px; margin:-78px 0 0 60px; display:none; }
.buy_format li { border-bottom:1px solid #dd2319; font-size:0.9em; }
.buy_format a { background-color:#fff; color:#dd2319; font-weight:bold; padding:2px 10px 2px 2px; }
.buy_format a:hover { color:#fff; background-color:#dd2319; }
.buy_format li.last { border-bottom:none; }
.buy_format span { width:25px; display:inline-block; padding-left:3px; }
.buy_format .message { font-size:0.7em; color:#fff; width:100px; margin:0; line-height:1.8em; padding:2px 2px 5px 3px; }
.buy_format .message a { background:none; color:#fff; text-decoration:underline; }
.buy_format .message a:hover { background:none; color:#fff; text-decoration:none; } 

.news .suscribe,
.news .list { width:483px; float:left; }
.news nav { width:223px; float:right;  border-top:1px solid #f1901a; margin:55px 0 0 0; }
.news nav form { width:93px; float:left; padding:9px 0 0 0; }
.news nav form label { display:block; text-align:right; font-size:0.7em; color:#f1901a; font-weight:bold; }
.news nav form select { width:93px; text-align:right; }
.news nav ul { float:right; text-align:right; padding:32px 0 0 0; width:93px; }
.news nav li { list-style-type:none; }
.news nav li a { display:block; padding:0 2px; }
.news nav li.on a,
.news nav li a:hover { background-color:#f1901a; color:#fff; text-decoration:none; }
.news .suscribe { border-bottom:1px solid #f1901a; padding-bottom:30px; margin-bottom:15px; }
.news .suscribe label { font-size:0.85em; color:#f1901a; display:block; }
.news .suscribe #newsletter_email { width:283px; background-color:#f6f6f6; border:1px solid #ccc; padding:2px 2px 1px 2px; position:relative; top:1px; }

a.cart { float:right; font-size:0.7em; display:inline-block; background:url(../images/picto_buy.png) left 5px no-repeat; padding:4px 0 4px 34px; position:relative; top:-34px; }
#page .message { float:right; font-size:0.7em; position:relative; top:-29px; left:-5px; background-color:#DD2319; color:#fff; font-weight:bold; padding:3px 5px; }

.cart_list table { width:743px; }
.cart_list table .thumb { width:130px; }
.cart_list table .thumb span { display:block; width:93px; height:91px; background:url(../images/thumbs.jpg) left top no-repeat;}
.cart_list table .album td { vertical-align:top; border-bottom:1px solid #dddedf; padding:10px 0 15px 0; font-size:0.7em; }
.cart_list table .price { width:93px; }
.cart_list table th,
.cart_list table td { font-size:0.7em; font-weight:normal; }
.cart_list table .total td,
.cart_list table .total th  { padding:5px 0 0 0; color:#8D8E90; }
.cart_list table .delivery td,
.cart_list table .delivery th { padding:5px 0 0 0; }
.cart_list table .firsttotal td,
.cart_list table .firsttotal th { padding-top:10px; }
.cart_list table .firstdelivery td,
.cart_list table .firstdelivery th,
.cart_list table .grandtotal td,
.cart_list table .grandtotal th { border-top:1px solid #dddedf; padding-top:10px; color:#1A171B; }
.cart_list table .grandtotal td,
.cart_list table .grandtotal th { border-bottom:1px solid #dddedf; padding-bottom:10px; }
.cart_list table .quantity,
.cart_list table .format { width:130px; }
.cart_list table .zone { width:223px; }
.cart_list table .lasttotal td,
.cart_list table .lasttotal th,
.cart_list table .lastdelivery td,
.cart_list table .lastdelivery th { padding-bottom:15px; color:#1A171B; }
.cart_list table .quantity input { width:50px; }
.cart_list table tfoot td { text-align:right; padding:15px 0 0 0; }

.cart_list form { width:743px; }
.cart_list form.paypal { text-align:center; padding:15px 0; }

html { -webkit-text-size-adjust:none; }


@media screen and (max-width:1000px) { 
	#page { padding:0 0 0 20px; width:483px; }
	.body { width:483px; }
	header h1 { position:absolute; visibility:hidden; }
	header h1 img { width:68px; height:149px; }
	#page header { float:none; width:auto; background:url(../images/logopetit.png) left top no-repeat; padding-top:40px; padding-bottom:20px; }
	#page header nav { height:auto; /*padding-left:250px;*/ padding:50px 0 0 0; background:none;  }
	#page header nav li { left:0; padding:0; top:0; margin:0 20px 0px 0; }
	header nav li span { display:block; }
	header nav li.on span { text-decoration:underline; }
    header nav li img { display:none; }
	a.cart { top:87px; }
	#page .message { top:165px; left:5px; }
	.home section.label { float:none; width:auto; }
	
	.albums .list li.new { clear:none; }
	.albums .list li.last { margin-right:37px; }
	.albums .list li.fourth { margin-right:0; }
	.albums .list li.fifth { clear:left; }
	.albums nav .double,
	.albums nav .double select  { width:93px; }
	article.label { padding-right: 0px; }
	.news nav { float:none; width:auto; clear:both; border-top:none; margin-top:0; }
	.news nav form { width:223px; padding-top:0; }
	.news nav form label { text-align:left; }
	.news nav form select { width:223px; text-align:left; }
	.news nav ul { float:none; width:auto; clear:both; padding-top:10px; }
	.news nav ul li { float:left; margin-right:10px; }
	.news nav ul li a { padding:0 10px 0 2px; }
	.news .list { border-top: 1px solid #F1901A; padding-top:11px; }
	.news .suscribe { margin-bottom:11px; }
	/*.list .tools { display:none; }
	.tools a.listen { display:block; margin-bottom:10px; position:relative; left:7px; }
	.album .buy_format { margin:-30px 0 0 55px; }*/
	.tools { display:block; clear:both; }
	.tools a { display:block; }
	.tools a.listen span { border-bottom: 1px solid #DD2319; display:block; background:#fff; color:#DD2319; line-height:1.8em; margin:0; padding:0; position:relative; width:auto; }
	.tools a.listen:hover{ text-decoration:none; }
	.tools a.listen:hover span { background:#DD2319; color:#fff; text-decoration:none; }
	.tools a.listen img,
	.tools a.buy { display:none; }
	 .buy_format { display:block; background:none; margin:0; padding:0; position:relative; }
	 .tools .buy_format a span { display:inline; width:auto; padding:0; }
	 .albums .buy_format li.last { margin-right:0; border-bottom: 1px solid #DD2319; }
	.album .right { float:none; width:auto; }
	.album .artist { margin-top:20px; border-top:none; }
	.album .tools { padding:0; clear:none; border-bottom:none; }
	.album .tools a { padding-right:0; }
	.album .tools a.listen span { margin:0; }
	.album .buy_format{ margin:0;}
	.cart_list table { width:483px; }
}

@media screen and (max-width:400px) { 
	
}