/*** FONT ***/
@font-face{
    font-family:'Novecento';
    src:url('/font/Novecentowide-Normal.eot');
    src:url('/font/Novecentowide-Normal.eot?#iefix') format('embedded-opentype'),
        url('/font/Novecentowide-Normal.woff') format('woff'),
        url('/font/Novecentowide-Normal.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'NovecentoMed';
    src:url('/font/Novecentowide-Medium.eot');
    src:url('/font/Novecentowide-Medium.eot?#iefix') format('embedded-opentype'),
        url('/font/Novecentowide-Medium.woff') format('woff'),
        url('/font/Novecentowide-Medium.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'NovecentoBook';
    src:url('/font/Novecentowide-Book.eot');
    src:url('/font/Novecentowide-Book.eot?#iefix') format('embedded-opentype'),
        url('/font/Novecentowide-Book.woff') format('woff'),
        url('/font/Novecentowide-Book.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'NovecentoLight';
    src:url('/font/Novecentowide-Light.eot');
    src:url('/font/Novecentowide-Light.eot?#iefix') format('embedded-opentype'),
        url('/font/Novecentowide-Light.woff') format('woff'),
        url('/font/Novecentowide-Light.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}


/*** Texte Size ***/
.size-01{font-size:10px !important;}
.size-02{font-size:12px !important;}
.size-03{font-size:13px !important;}
.size-04{font-size:14px !important;}
.size-05{font-size:16px !important;}
.size-06{font-size:19px !important;}


/*** Typo ***/
.txt01{
    color:#333;
    font-size:21px;
    font-weight:bold;
    line-height:normal;
}
.txt02{
    color:#4097b3;
    font-size:12px;
    line-height:normal;
}
.txt03{
    color:#333;
    font:normal 11px Arial,Helvetica,sans-serif;
    line-height:normal;
}
.txt04{
    color:#888;
    font:normal 11px Arial,Helvetica,sans-serif;
    line-height:normal;
}
.txt05{
    color:#ca3c0f;
    font:bold 11px Arial,Helvetica,sans-serif;
    line-height:normal;
    text-transform:uppercase;
}
.txt06{
    color:#888;
    font-size:10px;
    line-height:normal;
}
.txt07{
    color:#333;
    font:bold 11px Arial,Helvetica,sans-serif;
    line-height:normal;
    text-transform:uppercase;
}
.txt08{
    color:#333;
    font:bold 12px Arial,Helvetica,sans-serif;
    line-height:normal;
}
.txt09{
    color:#888;
    font:normal 12px Arial,Helvetica,sans-serif;
    line-height:normal;
}
.txt10{
    color:#333;
    font:bold 16px "Novecento",Arial,Helvetica,sans-serif;
}
.txt11{
    color:#333;
    font:bold 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.txt12{
    color:#4097b3;
    font:normal 10px "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height:normal;
}
.txt13{
    color:#888;
    font:normal 13px Arial,Helvetica,sans-serif;
    line-height:normal;
}


/**** OTHER ***/
.separator{color:#888;}
.separateur{
    border-top:1px solid #dcdcdc;
    margin:0;
}
    .separateur span{
        background:#f1f1f1;
        display:inline-block;
        color:#888;
        display:inline-block;
        left:40%;
        padding:0 15px;
        position:relative;
        text-transform:uppercase;
        top:-10px;
    }


/*** Margin ***/
.maB00{margin-bottom:0 !important;}
.maT00{margin-top:0 !important;}

.maB10{margin-bottom:10px !important;}
.maT10{margin-top:10px !important;}
.maR10{margin-right:10px !important;}
.maL10{margin-left:10px !important;}

.maB15{margin-bottom:15px !important;}
.maL15{margin-left:15px !important;}
.maR15{margin-right:15px !important;}
.maT15{margin-top:15px !important;}

.maB20{margin-bottom:20px !important;}
.maT20{margin-top:20px !important;}
.maL20{margin-left:20px !important;}
.maR20{margin-right:20px !important;}

.maB30{margin-bottom:30px !important;}
.maT30{margin-top:30px !important;}

.maB40{margin-bottom:40px !important;}
.maT40{margin-top:40px !important;}

.maB50{margin-bottom:50px !important;}
.maT50{margin-top:50px !important;}

.maR60{margin-right:60px !important;}
.maL60{margin-left:60px !important;}
.maT60{margin-top:60px !important;}

.maB80{margin-bottom:80px !important;}
.maT80{margin-top:80px !important;}

.maB100{margin-bottom:100px !important;}
.maT100{margin-top:100px !important;}

.maB200{margin-bottom:200px !important;}
.maT200{margin-top:200px !important;}

.paB10{padding-bottom:10px !important;}

/* GLOBAL */
body{
    background-color:#f1f1f1;
    font-size:12px;
}
img{
    max-width:none;
}
p{
    font-size:12px;
    line-height:18px;
}
section{
    border-bottom:1px dotted #EEE;
    margin-top:20px;
    padding-bottom:15px;
}
hr{
    background:none;
    border-width: 1px;
    clear: both;
    height: inherit;
    margin: 20px auto;
    width: 80%;
}
ul,
ol{
    margin:0;
}
li{
    list-style-type:none;
}
form{
    margin:0;
}
label{
    float:inherit;
    padding:0;
    line-height:inherit;
    width:inherit;
}
label,
input,
button,
select,
textarea{
    font-size:12px;
}
table{
    margin:0;
}
th,
td{
    padding:0;
}

/* Twitter bootstrap 2.0 backward compatibility */
h1,
h2,
h3,
h4,
h5,
h6{
    margin:0;
    text-rendering:initial;
}
h1{
    font-size:30px;
    line-height:36px;
}
h2{
    font-size:24px;
    line-height:27px;
}
h3{
    font-size:18px;
    line-height:27px;
}
h4{
    font-size:14px;
    line-height:18px;
}
h5{
    font-size:12px;
    line-height:18px;
}
h6{
    font-size:11px;
    line-height:18px;
}

/* Dropdown Menu */
.dropdown-menu li > a{
    padding-left:15px;
    padding-right:15px;
}

/* There is sometimes class named Apple-style-span in the text;bootstrap break the view */
#tinymce [class*="span"]{
    float:none!important;
    min-height:inherit!important;
    margin:auto!important;
}


/*** Container ***/
#main-column,
#right-column,
#left-column,
#full-column,
#single-column{
    display:inline;
    float:left;
    padding-bottom:20px;
}
#main-column{
    margin:0 7px 0 15px;
    width:660px;
}
    .shadow-column-layout #main-column {
        background:url(/img/redesign/bg-right-col.png) no-repeat right -450px;
        margin-right:0;
        min-height:500px;
        padding:0 14px 20px 0;
    }
    .left-column-layout #main-column {
        background-position:left top;
        margin:0 15px 0 10px;
        min-height:1000px;
        padding:0 0 0 24px;
        width:710px;
    }
#right-column{
    float:right !important;
    margin:0 15px 0 0px;
    width:300px;
}
    .shadow-column-layout #right-column {
        margin-left:0;
    }
#left-column{
    margin:0 0 0 15px;
    width:250px;
}
#full-column{
    margin:15px 15px 0;
    padding-bottom:0;
    width:994px;
}
    .modal-body #full-column{
        width:auto;
    }
#single-column{
    margin:0 182px;
    width:660px;
}

header p{
    padding:8px 14px;
    margin-bottom:14px;
    color:#666;
}

/* BACKGROUNDS */
body.store-classique{
    background-image:url(/img/redesign/backgrounds/partition.jpg);
}

#background-link-left,
#background-link-right,
#background-link-top{
    display:block;
    position:absolute;
    top:30px;
}
#background-link-left{
    height:1000px;
    left:50%;
    margin-left:-662px;
    width:150px;
}
#background-link-right{
    height:1000px;
    margin-right:-662px;
    right:50%;
    width:150px;
}
#background-link-top{
    height:100px;
    left:50%;
    margin-left:-512px;
    width:1024px;
}

/* GRID */
.container{
    background-color:#FFF;
    width:1024px;
}
.container.loaded{
    box-shadow:0 0 10px #666;
}
.row{margin:0;}
.row [class^="span"]{margin:0 10px 0 10px;}
.row-fluid [class^="span"]{margin:0;margin-left:1.910828025477707%;*margin-left:1.861027228664958%;}
.row .offset1{margin-left:74px;}
.row .offset2{margin-left:138px;}
.row .offset3{margin-left:202px;}
.row .offset4{margin-left:266px;}
.row .offset5{margin-left:330px;}
.row .offset6{margin-left:394px;}
.row .offset7{margin-left:458px;}
.row .offset8{margin-left:522px;}
.row .offset9{margin-left:586px;}
.row .offset10{margin-left:650px;}
.row .offset11{margin-left:714px;}
.row .offset12{margin-left:778px;}

.row.top-shadow{
    background-image:url(/img/redesign/marketing/bg-offer-toptab.png);
    background-position:top;
    background-repeat:no-repeat;
    padding:20px 0 0 0;
    position:relative;
}

/* ROUNDED CORNERS */
.corner-tl{border-top-left-radius:3px;}
.corner-tr{border-top-right-radius:3px;}
.corner-bl{border-bottom-left-radius:3px;}
.corner-br{border-bottom-right-radius:3px;}
.corner-top{border-top-left-radius:3px;border-top-right-radius:3px;}
.corner-bottom{border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.corner-right{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.corner-left{border-top-left-radius:3px;border-bottom-left-radius:3px;}
.corner-all{border-radius:3px;}

/*
a.link-gray,a.link-golden{font:normal 10px 'NovecentoMed',verdana,sans-serif;text-transform:uppercase;}
a.link-gray{color:#e5e5e5;opacity:0.5;}
a.link-golden{background-color:#bc985f;color:#000;padding:12px;}
a.link-gray:hover,a.link-golden:hover{opacity:1;text-decoration:none;}
*/

a.blue-arrow-right{
    background:url(/img/redesign/sprite-picto-headfoot.png) no-repeat 100% -149px;
    color:#3f96b2;
    padding-right:19px;
}
a.blue-arrow-left{
    color:#3f96b2;
    background:url(/img/redesign/sprite-picto-headfoot.png) no-repeat -200px -149px;
    padding-left:19px;
}
a.brown-arrow-right{
    color:#967944;
    background:url(/img/redesign/arrow-brown.png) no-repeat 100% 0px;
    padding-right:19px;
}
.dark-arrow-left{
    background:url(/img/redesign/sprite-picto-headfoot.png) no-repeat -186px -173px;
    color:#967944;
    display:inline-block;
    height:20px;
    line-height:1;
    margin:4px 0 0 -21px;
    position:absolute;
    width:20px;
}
a.gray_rss{
    background:#B7B4AD url('/img/redesign/sprite-picto-headfoot.png') no-repeat -32px -102px!important;
    border-radius:2px;
    display:inline-block!important;
    height:16px;
    padding:0px!important;
    text-indent:-3333px;
    width:16px;
}
i.dark-arrow-bottom{
    background:transparent url('/img/redesign/sprite-picto-headfoot.png') no-repeat -205px -172px;
    display:inline-block;
    height:14px;
    vertical-align:text-bottom;
    width:13px;
}
i.dark-arrow-top{
    background:transparent url('/img/redesign/sprite-picto-headfoot.png') no-repeat -204px -195px;
    display:inline-block;
    height:14px;
    vertical-align:text-bottom;
    width:13px;
}

/* TYPOGRAPHY */
.section-header{
    margin-bottom:5px;
    clear:both;
}
.section-header h2,
.section-header h3,
.menu-mag li a{
    font-family:'Novecento',verdana,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}
.serif{
    font-family:Georgia,'Times New Roman',times,serif;
    font-weight:normal;
    text-transform:none;
}

/* LISTS */
li span.count{
    color:#999;
    font-size:11px;
}
ul.inline-list{
    margin:0;
}
ul.inline-list li{
    display:inline;
}
ul.hierarchical-list li.level1{
    font-size:16px;
    margin-left:20px;
}
ul.hierarchical-list li.level2{
    margin-left:30px;
}
ul.hierarchical-list li.level3{
    font-size:10px;
    margin-left:40px;
}
 ul.hierarchical-list li.level4{
     margin-left:50px;
 }
ul.hierarchical-list li.level1 a{
    color:#333;
}
ul.two-columns-list{
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
    -moz-column-gap:20px;
    -webkit-column-gap:20px;
    column-gap:20px;
}
ul.two-columns-list,
ul.hierarchical-list{
    margin-bottom:20px;
}
ul.hierarchical-list li,
ul.two-columns-list li{
    border-bottom:solid 1px #EFEFEF;
    display:block;
}
ul.hierarchical-list li:hover,
ul.two-columns-list li:hover{
    background-color:#F4F4F4;
}
ul.hierarchical-list li a,
ul.two-columns-list li a{
    display:block;
    padding:7px 5px;
}
ul.hierarchical-list li a:hover,
ul.two-columns-list li a:hover{
    text-decoration:none;
}
ul.albums-list{
    float:left;
}
ul.albums-list.three-columns .album-container{
    margin:0 10px 20px 0;
    width:209px;
}
ul.albums-list.three-columns .album-container p{
    margin:0;
}
ul.albums-list.three-columns .album-cover{
    display:block;
    height:68px;
    margin-right:8px;
    width:68px;
}

ul.albums-list.two-columns .album-container{
    margin:0 10px 20px 0;
    width:320px;
}
ul.albums-list.two-columns .album-container p{
    margin:0;
}
ul.albums-list.two-columns .album-cover{
    display:block;
    height:68px;
    margin-right:8px;
    width:68px;
}
ul.albums-list.one-column .album-container{
    margin:10px 0 0 0;
    width:300px;
}
ul.albums-list.one-column .album-container p{
    margin:0;
}
ul.albums-list.one-column .album-cover{
    display:block;
    height:68px;
    margin-right:8px;
    width:68px;
}

/* BUTTON */
.btn:focus{
    outline:none;
}
.btn-green{
    background-color:#b3d226;
    background-image:-moz-linear-gradient(top,#aec500,#8AA300);
    background-image:-ms-linear-gradient(top,#aec500,#8AA300);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#aec500),to(#8AA300));
    background-image:-webkit-linear-gradient(top,#aec500,#8AA300);
    background-image:-o-linear-gradient(top,#aec500,#8AA300);
    background-image:linear-gradient(top,#aec500,#8AA300);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aec500',endColorstr='#8AA300',GradientType=0);
    border-color:#98b516 #98b516 #5f710e;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-green:hover,
.btn-green:active,
.btn-green.active,
.btn-group.open .btn-green.dropdown-toggle,
.btn-green.disabled,
.btn-green[disabled]{
    background-color:#8AA300;
}
.btn-green:active,
.btn-green.active{
    background-color:#899a18 \9;
}
.btn-green,
.btn-green:hover{
    text-shadow:0 -1px 0 rgba(0,0,0,0.25);
    color:white;
}
.btn-green .caret{
    border-top-color:white;
    border-bottom-color:white;
    opacity:0.75;
    filter:alpha(opacity=75);
}
.btn-blue{
    background-color:#2e95b6;
    background-image:-moz-linear-gradient(top,#45accc,#2e95b6);
    background-image:-ms-linear-gradient(top,   #45accc,#2e95b6);
    background-image:-webkit-gradient(linear,0 0,0 100%,from( #45accc),to(#2e95b6));
    background-image:-webkit-linear-gradient(top,   #45accc,#2e95b6);
    background-image:-o-linear-gradient(top,   #45accc,#2e95b6);
    background-image:linear-gradient(top,   #45accc,#2e95b6);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45accc',endColorstr='#2e95b6',GradientType=0);
    border-color:#2e95b6;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue.active,
.btn-group.open .btn-blue.dropdown-toggle,
.btn-blue.disabled,
.btn-blue[disabled]{
    background-color:#2e95b6;
}
.btn-blue:active,
.btn-blue.active{
    background-color:#899a18 \9;
}
.btn-blue,
.btn-blue:hover{
    text-shadow:0 -1px 0 rgba(0,0,0,0.25);
    color:white;
}
.btn-blue .caret{
    border-top-color:white;
    border-bottom-color:white;
    opacity:0.75;
}
.btn-orange{
    color:white;
    background:#fd8f16;
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkOGYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZhOGIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U3NzMxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMzZhM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,   #fd8f16 0%,#fa8b17 20%,#e7731d 50%,#d36a3a 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fd8f16),color-stop(20%,#fa8b17),color-stop(50%,#e7731d),color-stop(100%,#d36a3a));
    background:-webkit-linear-gradient(top,   #fd8f16 0%,#fa8b17 20%,#e7731d 50%,#d36a3a 100%);
    background:-o-linear-gradient(top,   #fd8f16 0%,#fa8b17 20%,#e7731d 50%,#d36a3a 100%);
    background:-ms-linear-gradient(top,   #fd8f16 0%,#fa8b17 20%,#e7731d 50%,#d36a3a 100%);
    background:linear-gradient(to bottom,   #fd8f16 0%,#fa8b17 20%,#e7731d 50%,#d36a3a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8f16',endColorstr='#d36a3a',GradientType=0 );
    text-shadow:1px 2px 1px #b65918;
}
.btn-orange:hover{
    background-position:0 0;
    color:white;
}

.btn-new-blue{
    background:#298fbf;
    border-radius: 20px;
    box-sizing: border-box;
    color:#fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding:0 27px;
}
    .btn-new-blue:hover{
        background:#03b3fc;
        color:#fff;
        text-decoration: none;
    }

.btn-cookie-ok,
.btn-cookie-more {
    background-color: #0070ef;
    border: 1px solid #0070ef;
    border-radius: 5px;
    box-shadow: none;
    color: #ffffff;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    letter-spacing: 0.4px;
    text-shadow: none;
    margin-right: 10px;
    min-width: 120px;
    justify-content: center;
    padding: 5px 10px;
    text-overflow: ellipsis;
    text-transform: unset;
}

/* Mod for button cookie more */ 
.btn-cookie-more {
    color: #212529;
    background-color: #F8F9FA;
    border: 1px solid #515151; 
}

.btn-cookie__text {
    align-self: center;
    font-size: 13px;
    font-weight: bold;
    font-family: 'HK Grotesk';
}

.btn-cookie-ok:hover {
    background-color: #3D93FF;
    border-color: #3D93FF;
}

.btn-cookie-more:hover {
    color: #212529;
    background-color: #EDE6EA;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover{
    background-color:#5FABC3;
    background-image:none;
}
.btn-small .caret{
    margin-top:7px;
}

.alphabetical-filter{
    margin-bottom:10px;
}
.alphabetical-filter .btn-small{
    padding:3px 7px;
}

.btn-xlarge{
    text-transform:uppercase;
    padding:9px 14px;
    font-size:18px;
    line-height:normal;
    border-radius:5px;
}
.btn-xlarge [class^="icon-"]{
    margin-top:4px;
}

.btn-align-left{
    text-align:left;
}
.btn-large .small-text{
    font-size:12px;
}
.btn-small .small-text{
    font-size:10px;
}

.btn-qobuz{
    font-family:"Novecento","Verdana",sans-serif;
    font-size:14px;
    text-transform:uppercase;
}
.btn.dropdown-toggle .caret{
    opacity:0.3;
}

.icone-go{
    height:10px;
    margin-left:25px;
    text-shadow:none;
    width:10px;
}
.icone-go:after{
    content:"\25B8";
    font-style:normal;
    font-size:10px;
    position:relative;
    top:-3px;
}
.icone-go-black{color:#595959;}
.icone-go-blue{color:#115A74;}
.icone-go-green{color:#3E490E;}
.icone-go-orange{color:#5C2800;}

/* FORMS */

.form-horizontal .control-group{margin-bottom:10px;}
.form-horizontal .accordion-inner .controls{margin-left:145px;}
.form-horizontal .accordion-inner .control-label{width:125px;}
.form-horizontal aside{
    color:#666;
    font-style:italic;
}

.form-horizontal select{
    margin-left:0!important;
}

input[type="search"]{-webkit-appearance:none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
    display:none;
}

.form-horizontal .form-actions aside{
    padding:8px 0;
}
.form-horizontal fieldset aside{
    margin-left:160px;
}
.form-horizontal .control-group textarea{
    margin-left:0;
}

#verify-order .form-horizontal .controls{
    margin-left:360px;
}
#verify-order .form-horizontal .control-label{
    width:340px;
}
#verify-order .form-horizontal .form-actions{
    display:block;
    padding-left:360px;
}

/* pseudo class to add asterisk on required field */
.required-field:after{
    content:" *";
}
.form-horizontal .info-field{
    color:#666;
    font-style:italic;
    padding-left:180px;
}
.form-actions .info-field{
    display:block;
    padding:5px 0 0 0;
}

/* TABLE */
.table th.tcenter,
.table td.tcenter{
    text-align:center;
    vertical-align:middle;
}
.table th.right-aligned,
.table td.right-aligned{
    text-align:right;
    vertical-align:middle;
}
.order-tracklisting tr.media-sep td{
    border-color:#666;
}

/* MAIN */
#main{
    min-height:500px;
    padding-top: 10px;
}

/* PRODUCT GLOBAL */
.album-cover{
    box-shadow:0px 0px 4px rgba(85,85,85,0.4);
    cursor:pointer;
    display:block;
    position:relative;
}
.album-cover .sticker,
.cover .sticker{
    position:absolute;
    top:-5px;
    right:-5px;
}
.album-title,
.album-title:hover,
.album-title a,
.album-title a:hover{
    display:block;
    font-weight:bold;
    color:#333;
}

.artist-name,
.artist-name:hover,
.artist-name a,
.artist-name a:hover{
    display:block;
    color:#666;
}
.album-price{
    font-size:11px;
}
.album-original-price{
    font-weight:normal;
    font-size:11px;
    line-height:normal;
    text-decoration:line-through;
}
.album-promotion-price{
    color:#cd3301;
    font-weight:bold;
}
.album-goodie{
}
.album-goodie a{
    font-size:11px;
    text-decoration:underline;
    padding-top:5px;
}

.track-name{
    color:#333;
    font-weight:bold;
}
.track-time{
}
.track-price{
}

/* HEADER + MENU */
#header{
    clear:both;
    width:1024px;
    height:96px;
    margin:0 auto;
    box-shadow:0 2px 5px #999;
}
#header-topbar{
    height:0;
    position:relative;
}
/*
#header-topbar-data{
    margin:0 auto;
    height:0;
    width:1024px;
    line-height:0;
}
#header-top-right{
    float:right;
    margin-right:10px;
}
#header-top-right li{
    margin:0;
    margin-right:10px;
}
#header-top-right li.separator{
    margin-left:5px;
    margin-right:5px;
}
#header-top-right li + li{
    margin-left:10px;
}
#header-top-right li.header-top-control.cart{
    margin-left:0;
    margin-right:0;
    z-index:30;
}
#header-top-right li.header-top-control.user{
    margin-right:0;
}

#header-top-left{
    color:#fff;
    float:left;
    font:normal 13px/35px "Novecento",verdana,sans-serif;
    margin-left:24px;
    max-width:512px;
    text-align:right;
    text-transform:uppercase;
}
#google_translate_element{
    display:inline-block;
    position:relative;
    margin:0 0 0 10px;
    min-width:154px;
}
#header-top{
    height:36px;
    margin:0;
    position:relative;
    background-color:#313131;
    line-height:3;
    width:1024px;
}
#header-logo{
    width:130px;
    height:60px;
    top:0;
    left:0;
    position:absolute;
    border-right:1px solid #E1E1E1;
}
#header-logo img{
    width:inherit;
    height:inherit;
}
#header-logo a{
    padding:5px 5px;
    display:block;
    height:50px;
}
#header-logo a:hover,
#header-logo a:focus{
    background-color:#fff;
}
#header-logo img{
    float:left;
}
#header-logo-catname-wrapper{
    width:166px;
    height:78px;
    position:absolute;
    left:191px;
    top:10px;
}
*/
#header-searchbox{
    border-right:1px solid #E1E1E1;
    border-left:1px solid #fff;
    display:block;
    height:30px;
    left:471px;
    padding:15px 8px 15px;
    position:absolute;
    top:0;
    width:235px;
}
#header-menu.search-has-focus #header-searchbox-form{
    border-color:rgba(82,168,236,0.8);
    outline:0;
    outline:thin dotted \9;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
}
#header-menu.search-has-focus #header-public{
    width:125px;
}
/*
#header-searchbox-field{
    -webkit-appearance:none;
    background-color:#fff;
    border:1px solid #DDD;
    border-right:none;
    border-radius:4px 0 0 4px;
    font-size:11px;
    padding:7px 6px 6px 6px;
    width:190px;
}
body.user-authenticated #header-searchbox-field{
    -webkit-appearance:none;
    background-color:#fff;
    border:1px solid #DDD;
    border-right:none;
    border-radius:4px 0 0 4px;
    font-size:11px;
    padding:7px 6px 6px 6px;
    width:377px;
}

#header-searchbox-field:focus{
    border-color:none;
    box-shadow:none;
}
#header-searchbox-field::-webkit-input-placeholder{
    color:#b8b8b8;
    line-height:1.6;
    padding:0;
    height:33px;
}
#header-searchbox-field:-moz-placeholder{
    color:#b8b8b8;
}
#header-searchbox-field::-moz-placeholder{
    color:#b8b8b8;
}
#header-searchbox-field:-ms-input-placeholder{
    color:#b8b8b8;
}
*/

#header-searchbox-form .btn[type="submit"]{
    background:#fff;
    padding:7px 8px 6px 8px;
    border:1px solid #DDD;
    border-left:none;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition:border linear .2s,box-shadow linear .2s;
    -moz-transition:border linear .2s,box-shadow linear .2s;
    -o-transition:border linear .2s,box-shadow linear .2s;
}
#header-searchbox-field::-webkit-search-cancel-button{
    -webkit-appearance:searchfield-cancel-button;
    margin-right:5px;
}
#header-searchbox-autocomplete{
    left: -33px;
    padding: 0;
    top: 27px;
    width: 469px;
}
#header-searchbox-autocomplete a{
    display:block;
    width:394px;
    padding:4px 5px;
    line-height:16px;
}
#header-searchbox-autocomplete #ac_see_more td{
    text-align:right;
}
#header-searchbox-autocomplete #ac_see_more td a{
    color:#2C8FAE;
}
#header-searchbox-autocomplete #ac_see_more td.hover i{
    background-image:url(/img/glyphicons-halflings-white.png);
}
#header-searchbox-autocomplete #ac_see_more td.hover a{
    color:#FFF;
}
#header-searchbox-autocomplete a.odd{
    background-color:#F4F4F4;
}
#header-searchbox-autocomplete td span{
    display:block;width:331px;
}
#header-searchbox-autocomplete td span.heading{
    color:#333;
    font-weight:bold;
}
#header-searchbox-autocomplete td span.count{
    font-size:11px;
    color:#999;
}
#header-searchbox-autocomplete td.hover a{
    background-color:#5eabc1;
    color:#ffffff;
    text-decoration:none;
}
#header-searchbox-autocomplete td.hover a span{
    color:#ffffff;
    text-decoration:none;
}
#header-searchbox-autocomplete img{
    width:50px;
    height:50px;
    margin-right:5px;
    float:left;
}
#header-searchbox-autocomplete .ac_left_pane{
    padding:5px 9px 0 0;
    float:left;
    width:55px;
    text-align:right;
    font-weight:bold;
}
#header-searchbox-autocomplete .ac_right_pane{
    border-left:1px solid lightGrey;
}

/* HEADER MENU */
#header-menu{
    width:1024px;
    background:#f1f1f1;
    position:relative;
    height:60px;
    line-height:3;
}
#header-menu a span,
#header-menu a img{
    cursor:pointer;
}

#header-menu .menu > ul{
    position:relative;
}

#header-menu .menu > ul > li > a{
    text-decoration:none;
}

#header-menu .root-menu{
    margin-bottom:15px;
    height:20px;
}

#header-menu .root-menu ul{
    font-family:'NovecentoMed',verdana,sans-serif;
    font-size:1.75em;
    color:#aaa;
    float:left;
}

#header-sections-menu{
    position:absolute;
    left:131px;
    height:60px;
}

#header-sections-menu ul{
    display:block;
    line-height:4.7;
}

#header-sections-menu li{
    float:left;
    line-height:inherit;
    height:60px;
    border-right:1px solid #e1e1e1;
    border-left:1px solid #fff;
}

#header-sections-menu li:hover,
#header-sections-menu li:focus{
    background:none repeat scroll 0 0 #FFFFFF;
}

#header-sections-menu li.selected a{
    background:none repeat scroll 0 0 #FFFFFF;
    height:57px;
}

#header-sections-menu li a{
    color:#474747;
    display:block;
    font-family:'NovecentoMed',verdana,sans-serif;
    font-size:12px;
    height:60px;
    padding:0 10px;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    line-height:5;
    text-shadow:0 1px 2px #fff;
}

#header-public{
    position:absolute;
    right:0;
    height:60px;
}

#header-public li{
    float:left;
    border-right:1px solid #e1e1e1;
    border-left:1px solid #fff;
    text-align:center;
    text-transform:uppercase;
    height:60px;
}

#header-public li a:hover,
#header-public li a:focus{
    text-decoration:none;
}

#header-public li.try-qobuz-link{
    width:184px;
    line-height:5;
}

#header-public li.try-qobuz-link:hover{
    background-color:#fff;
}

#header-public li.try-qobuz-link a{
    font-family:'NovecentoMed',verdana,sans-serif;
    font-size:11px;
    width:140px;
    height:2.25em;
    line-height:2.25;
    padding:0.15em;
}

#header-public li.apps-link{
        height:60px;
        line-height:5;
        width:50px;
}

#header-public li.apps-link:hover{
    background-color:#fff;
}

#header-public li.apps-link.selected a{
    background-color:#fff;
    border-bottom:solid 3px #333;
    height:57px;
}

#header-public li.apps-link a{
    text-transform:uppercase;
    color:#474747;
    font-family:'NovecentoMed',arial,sans-serif;
    font-size:12px;
    display:block;
    text-shadow:0 1px 2px #fff;
}

#header-public li.player-link{
    width:60px;
    line-height:5;
}

#header-public .player-link a{
    font-family:'NovecentoMed',verdana,sans-serif;
    font-size:11px;
    height:2.25em;
    padding:0.15em;
    width:46px;
    line-height:2.25;
}

#header-public li.player-link:hover{
    background-color:#fff;
}

#header-extra-menu{
    font-family:'NovecentoMed',verdana,sans-serif;
    float:right;
}
#header-extra-menu a{
    color:#fff;
}

#header-menu .root-menu ul li{
    padding-left:1em;
}
#header-menu .root-menu ul li:first-child{
    padding-left:0;
}
#header-menu .root-menu ul li a{
    color:#bbb;
}

#header-submenu .sub-menu{
    position:relative;
    margin:20px 15px;
    background-color:#F1F1F1;
}
/** Here is the magic fluid awesome stuff **/
#header-submenu .sub-menu > ul{
    display:table;
    width:100%;
}
#header-submenu .sub-menu > ul > li{
    display:table-cell;
    vertical-align:middle;
    border:1px solid transparent;
    border-bottom:3px solid #DCDCDC;
}

#header-submenu .sub-menu > ul > li.active > a{
    color:#488596;
    font-weight:bold;
}
#header-submenu .sub-menu > ul > li.active{
    background-color:white;
    border-bottom:3px solid #488596;
    border-left:1px solid #DCDCDC;
    border-right:1px solid #DCDCDC;
    border-top:1px solid #DCDCDC;
}
#header-submenu .sub-menu > ul > li:hover{
    background-color:white;
    border-bottom:3px solid #696969;
    border-left:1px solid #DCDCDC;
    border-right:1px solid #DCDCDC;
    border-top:1px solid #DCDCDC;
}
#header-submenu .sub-menu > ul > li:hover > a{
    color:black;
    text-decoration:none;
}

#header-submenu .sub-menu > ul > li > a,
#header-submenu .sub-menu > ul > li > span{
    color:#000;
    display:block;
    text-align:center;
    padding:6px 5px;
}

/*
#header-menu .root-menu > ul[rel="section-menu-item-download"] li.active a,
#header-menu .root-menu > ul[rel="section-menu-item-download"] li a:hover{
    color:#488596;
}
#header-menu .root-menu > ul[rel="section-menu-item-streaming"] li.active a,
#header-menu .root-menu > ul[rel="section-menu-item-streaming"] li a:hover{
    color:#b0c61f;
}
#header-menu .root-menu > ul[rel="section-menu-item-magazine"] li.active a,
#header-menu .root-menu > ul[rel="section-menu-item-magazine"] li a:hover{
    color:#b48F48;
}

html[lang="nl"] #section-menu-item-streaming{
    width:130px;
}
html[lang="nl"] #section-menu-item-download{
    width:110px;
}
html[lang="nl"] #section-menu-item-magazine{
    width:94px;
}
html[lang="de"] #section-menu-item-streaming{
    width:130px;
}
html[lang="de"] #section-menu-item-download{
    width:110px;
}
html[lang="de"] #section-menu-item-magazine{
    width:94px;
}
html[lang="en"] #section-menu-item-streaming{
    width:130px;
}
html[lang="en"] #section-menu-item-download{
    width:110px;
}
html[lang="en"] #section-menu-item-magazine{
    width:94px;
}
*/

#header-menu .menu ul li .separator{
    content:" ";
    color:#AAA;
    margin:0 0 0 1em;
    border-right:1px solid #BBB;
    font-size:0.8em;
}
#header-menu .menu.root-menu ul li .separator{
    margin:0 0 0 1.4em;
}
#header-submenu .menu.sub-menu ul li .separator{
    margin:0 0 0 10px;
}
#header-menu .menu ul li:last-child .separator{
    border:0;
}

#header-submenu .sub-menu-overlay{
    position:absolute;
    left:0;
    top:35px;
    width:974px;
    z-index:200;
    padding:10px;
    display:block;
}
#header-submenu .sub-menu-overlay a{
    color:white;
}
#header-submenu .sub-menu-overlay a:hover{
    text-decoration:underline;
}

#header-submenu .sub-menu-overlay button.close{
    position:absolute;
    bottom:9px;
    right:9px;
}

#header-submenu ul[rel="section-menu-item-download"] .sub-menu-overlay{
    background:#488596;
}
#header-submenu ul[rel="section-menu-item-magazine"] .sub-menu-overlay{
    background:#BDAE93;
    color:#000;
}

#header-submenu ul[rel="section-menu-item-magazine"] > li.active > a{
    color:#b89c5a;
}

#header-submenu .sub-menu > ul[rel="section-menu-item-magazine"] > li.active{
    background-color:white;
    border-bottom:3px solid #b89c5a;
    border-left:1px solid #DCDCDC;
    border-right:1px solid #DCDCDC;
    border-top:1px solid #DCDCDC;
}

#header-submenu .sub-menu-overlay .top-left-btn{
    width:100%;
    margin:10px 0 20px 0px;
    float:left;
    clear:both;
}

#header-submenu .sub-menu-overlay .top-left-btn .btn-sector{
    color:#ffffff;
    border:solid 1px #6DA0AC;
    background:#2c8fae;
    padding:8px;
}

#header-submenu .sub-menu-overlay .top-left-btn .btn-rubric{
    color:#ffffff;
    border:solid 1px #BBBBBB;
    background:#B48F48;
    padding:8px;
}

/* Genres */
#header-submenu .sub-menu-overlay .genres ul{
    float:left;
    width:150px;
}
#header-submenu .sub-menu-overlay .genres ul li{
    display:block;
    padding:0;
}
    #header-submenu .sub-menu-overlay .genres ul li a{
        display: inline-block;
        overflow: hidden;
        padding-right: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 140px;
    }
#header-submenu .sub-menu-overlay .genres{
    float:left;
    max-height:350px;
    min-width:158px;
    max-width:300px;
    color:white;
    border-right:1px solid #6DA0AC;
    box-shadow:1px 0 0 #366B78;
    -moz-box-shadow:1px 0 0 #366B78;
    -webkit-box-shadow:1px 0 0 #366B78;
    padding-right:10px;
    min-height:130px;
}
#header-submenu .sub-menu-overlay .genres .title{
    border-bottom:1px solid #6DA0AC;
    font-size:1.2em;
    line-height:1.2em;
    padding-bottom:5px;
    font-family:'NovecentoMed',verdana,sans-serif;
}

#header-submenu .sub-menu-overlay .shortcuts{
    width:660px;
    float:left;
}

/* Hifi */
#header-submenu .sub-menu-overlay .hifi ul{
    float:left;
    width:130px;
}
#header-submenu .sub-menu-overlay .hifi ul li{
    display:block;
    padding:3px 0;
}

#header-submenu .sub-menu-overlay .hifi{
    float:left;
    max-height:355px;
    min-width:350px;
    color:white;
    border-right:1px solid #c7baa3;
    box-shadow:1px 0 0 #a39479;
    padding-right:10px;
    min-height:130px;
}

#header-submenu .sub-menu-overlay .hifi .title{
    border-bottom:1px solid #d2c7b2;
    font-size:1.2em;
    line-height:1.2em;
    padding-bottom:5px;
    font-family:'NovecentoMed',verdana,sans-serif;
}

#header-submenu .sub-menu-overlay .shortlinks img,
#header-submenu .sub-menu-overlay .shortcuts img{
    display:block;
}

#header-submenu .sub-menu-overlay .shortlinks ul,
#header-submenu .sub-menu-overlay .shortcuts ul{
    line-height:1em;
    margin-bottom:10px;
}

#header-submenu .sub-menu-overlay .shortlinks ul li,
#header-submenu .sub-menu-overlay .shortcuts ul li{
    margin-left:1em;
    display:inline-block;
    margin-bottom:10px;
}
#header-submenu .sub-menu-overlay .shortlinks ul:first-child li:after{
    content:"·";
    color:white;
    margin:0 0 0 1em;
}
#header-submenu .sub-menu-overlay .shortlinks ul li:last-child:after{
    content:"";
    margin:0;
}

#header-submenu .sub-menu-overlay .sub-rubrics ul{
    float:left;
    width:188px;
}
#header-submenu .sub-menu-overlay .sub-rubrics ul li{
    display:block;
    padding:3px 0;
    font-family:Arial,"sans serif";
}

/* AUTHENTICATED USER OVERRIDES */
body.user-authenticated #header-searchbox{
    width:421px;
}
body.user-authenticated #header-public{
    width:114px;
}
body.user-authenticated #header-public li.try-qobuz-link{
    display:none;
}

/* HEADER BANNER */
#header-banner-wrapper{
    display:none;
    position:relative;
    text-align:center;
    max-width:1024px;
    border-top:1px solid #666;
    border-bottom:1px solid #d6d6d6;
}
#header-banner-wrapper .banner-close{
    position:absolute;
    top:8px;
    right:8px;
    cursor:pointer;
    display:block;
    width:16px;
    height:16px;
    background:url(/img/redesign/sprite.v4.png) no-repeat -333px 0;
    z-index:10;
}
#header-banner-wrapper .banner-close:hover{
    background-position:-316px 0;
}

/* FOOTER */
#footer{
    clear:both;
    background:none repeat scroll 0 0 #f1f1f1;
    position:relative;
    overflow:hidden;
}
#footer-links{
    border:1px solid #C4C4C4;
    padding:30px 10px 0 10px;
    position:relative;
}
#footer-links .span5{
    position:relative;
}
#footer-links .span5 ul{
    background-color:#fff;
    border:solid 1px #d9d9d9;
}

#siteVersion li{
        float:left;
        margin-bottom:5px;
        text-align:center;
        width:49%;
}
#siteVersion li:first-child{
        border-right:1px solid #dcdcdc;
}

.unstyled .mini{
    font-size:11px;
}

.mini-override{
    font-size:11px;
    font-weight:normal;
    text-transform:none;
}

.icon-help{
    background:url("/img/redesign/footer-help.png") no-repeat scroll center 0 rgba(0,0,0,0);
    display:block;
    height:49px;
    position:absolute;
    text-align:center;
    width:100%;
}

.icon-newsletter{
    background:url("/img/redesign/footer-newsletter.png") no-repeat scroll center 0 rgba(0,0,0,0);
    display:block;
    height:49px;
    position:absolute;
    text-align:center;
    width:100%;
}

.icon-qobuz{
    background:url("/img/redesign/footer-qobuz.png") no-repeat scroll center 0 rgba(0,0,0,0);
    display:block;
    height:49px;
    position:absolute;
    text-align:center;
    width:100%;
}

#footer-links .box-help{
    width:309px;
}
#footer-links .box-about{
    width:318px;
}
#footer-links .box-newsletter{
    width:319px;
    margin-right:0;
}

#footer-links ul.help{

    height:310px;
}

#footer-links ul.qobuz{
    height:310px;
}

#footer-links ul.newsletter{
    height:156px;
    padding-bottom:10px;
}
#footer-links ul.newsletter .desc{
    background:none;
}

#footer-links ul.contact{
    height:122px;
}

#footer-links ul{
    margin:20px 0;
}
#footer-links li{
    margin:6px 0 6px 20px;
}
#footer-links li#footer-links-social{
    margin:19px 0 0 10px;
    background:none;
}
#footer-links li.footer-links-youtube{
    margin-right:17px;
    margin-top:20px;
}
#footer-links li.footer-links-youtube a.social-text{
    text-indent:0;
    float:right;
    text-align:right;
}
#footer-links li.footer-links-header{
    color:#333;
    width:100%;
    padding:54px 0 24px;
    margin:5px 0 18px 0;
    text-transform:uppercase;
    font-size:25px;
    text-align:center;
    font-family:'Novecento',verdana,sans-serif;
    background:none;
    line-height:0;
}

#footer-links ul.newsletter li.footer-links-header{
    font-size:20px;
    line-height:1;
    padding:0 0 10px;
    margin-top:38px;
    margin-bottom:10px;
}

#footer-links ul.contact li.footer-links-header{
    font-size:20px;
    padding:0 0;
    margin-top:15px;
    line-height:1;
}

#footer-links li{
    background:url(/img/redesign/footer-puce.png) no-repeat left 4px;
}

#footer-links li a{
    font-size:12px;
    font-family:Helvetica,Arial,sans-serif;
    padding:0 20px;
    line-height:2;
}

#footer-links .newsletter li a{
    display:block;
    text-align:center;
    text-decoration:underline;
}

#footer-links .newsletter p{
    font-family:Helvetica,Arial,sans-serif;
    font-size:12px;
    line-height:1.3;
    color:#888;
    margin:5px 5px 0;
    padding:0 15px;
}

#footer-links a{
    color:#888;
}

#footer-links .newsletter a{
    text-decoration:underline;
    display:block;
    text-align:center;
    font-family:Helvetica,Arial,sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#333;
}

#footer-links a.social{
    float:left;
    display:block;
    width:49px;
    height:48px;
    text-indent:-10000px;
    background-repeat:no-repeat;
    background-position:0 0;
    padding:0;
    margin:0px 0 0 9px;
}
#footer-links a.social:last-child{
    margin-right:0;
}

a.facebook{
    background-image:url(/img/redesign/footer-facebook.png);
}
a.twitter{
    background-image:url(/img/redesign/footer-twitter.png);
}
a.youtube{
    background-image:url(/img/redesign/footer-youtube.png);
}
a.pinterest{
    background-image:url(/img/redesign/footer-pinterest.png);
}
a.rss{
    background-image:url(/img/redesign/footer-rss.png);
}

#footer-legal{
    background-color:#f1f1f1;
    font-size:12px;
    font-family:Helvetica,Arial,sans-serif;
    color:#888;
}
#footer-terms{
    line-height:14px;
    padding:15px;
    width:460px;
}
#footer-providers{
    padding:5px 0 5px 0;
}
#footer-providers .inline-list{
    margin:5px 0;
}

#footer-providers li{
    margin-right:5px;
    line-height:12px;
}

#footer-newsletter{
    color:#FFF;
    background:#777;
    box-shadow:0 -38px 56px #5A5A5A inset;
}
#footer-newsletter-description{padding:10px 0 10px 0;}
#footer-newsletter-description .nl-button{
    display:block;
    float:left;
    height:27px;
    line-height:27px;
    padding:0 16px 0 10px;
    margin-bottom:5px;
    background:url(/img/redesign/bg-brown-arrow.png) no-repeat center right;
    font-family:"Georgia";
    font-size:16px;
    color:#fcfbff;
    font-style:italic;
    text-shadow:0 1px 1px rgba(102,102,102,0.75);
    text-decoration:none;
}

#footer-newsletter-button{
    padding:30px 0 0 0;
    text-align:center;
}

#footer-baseline{
    font-family:'Novecento',verdana,sans-serif;
    margin-right:55px;
    padding-left:15px;
    line-height:88px;
    height:88px;
    font-size:20px;
    color:#fcfbff;
    text-transform:uppercase;
    text-shadow:0px 0px 2px #444;
}

#footer-build-info,
#footer-host-info,
#footer-i18n-context-info{
    display:none;
}

/* FOOTER STORE SELECTOR */

#footer-store-selector{
    text-align:right;
    margin:25px 0 0;
    padding:5px 0 5px 0;
    width:430px;
}

#footer-store-selector .btn-group{
    text-align:left;
}

#footer-store-selector .btn{
    text-transform:none;
}

#footer-store-selector .btn-primary{
    background-color:#f9f9f9;
    background-image:none
}

#footer-store-selector .btn-group > .btn:first-child,
#footer-store-selector .btn-group > .btn + .dropdown-toggle{
    border:solid 1px #d7d7d7;
    color:#888888;
    text-shadow:none;
}

#footer-store-selector .btn-group > .btn:first-child{
    padding-left:15px;
}

#footer-store-selector .btn-group > .btn + .dropdown-toggle{
    border-left:none;
}

#footer-store-selector .btn-group.open .dropdown-toggle{
    box-shadow:none;
}

#footer-store-selector .btn-primary .caret{
    opacity:1;
    transform:rotate(-180deg);
    border-bottom-color:#AAAAAA;
    border-top-color:#AAAAAA;
    margin-left:10px;
}

#footer-store-selector .btn-group.open .btn-primary.dropdown-toggle,
#footer-store-selector .btn-group.open .btn-primary{
    font-family:Helvetica,Arial,sans-serif;
}

#footer-store-selector .dropdown-menu{
    top:inherit;
    bottom:110%;
}

#footer-store-selector .dropdown-menu:after{
    content:"\25BC";
    bottom:5px;
    color:#FFF;
    height:0;
    position:absolute;
    right:23px;
    text-shadow:0 1px 0 #CCC,0 -1px 0 #FFF;
    width:0;
    z-index:-1;
}

.countries{
    width:19.17em;
}

.icon-country{
    background-position:0 0;
    height:14px;
    margin-right:5px;
    width:22px;
}

.countries li.icon-country{
    background-position:right center;
    background-repeat:no-repeat;
    padding:5px 0 10px;
    display:inline;
    float:left;
    width:90%;
    border-bottom:solid 1px #e4e4e4;
    margin:0 10px !important;
}

.countries li.icon-country.multi{
    padding:7px 0 28px;
}

.countries li.icon-country:last-child{
    border-bottom:none;
}

.icon-country span{
    display:block;
    font-size:12px;
    font-weight:bold;
}

.icon-country span div{
    line-height:2;
}

.icon-country span + div{
    text-decoration:none;
}

.dropdown-menu .countries li.icon-country div a{
    font-weight:normal;
}

.dropdown-menu .countries li a{
    display:inline;
    padding-right:5px;
    padding-left:5px;
    font-size:12px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#fff;
    text-decoration:underline;
    font-weight:bold;
}

.dropdown-menu .countries li a:hover{
    background:none;
}

.icon-country.at{
    background-image:url(/img/icons/flags-22x14/at.png);
}
.icon-country.be{
    background-image:url(/img/icons/flags-22x14/be.png);
}
.icon-country.ch{
    background-image:url(/img/icons/flags-22x14/ch.png);
}
.icon-country.de{
    background-image:url(/img/icons/flags-22x14/de.png);
}
.icon-country.es{
    background-image:url(/img/icons/flags-22x14/es.png);
}
.icon-country.fr{
    background-image:url(/img/icons/flags-22x14/fr.png);
}
.icon-country.gb{
    background-image:url(/img/icons/flags-22x14/gb.png);
}
.icon-country.ie{
    background-image:url(/img/icons/flags-22x14/ie.png);
}
.icon-country.it{
    background-image:url(/img/icons/flags-22x14/it.png);
}
.icon-country.lu{
    background-image:url(/img/icons/flags-22x14/lu.png);
}
.icon-country.nl{
    background-image:url(/img/icons/flags-22x14/nl.png);
}
.icon-country.pl{
    background-image:url(/img/icons/flags-22x14/pl.png);
}
.icon-country.us{
    background-image:url(/img/icons/flags-22x14/us.png);
}

/* TABs */
.tabs:before,.tabs:after{
    display:table;
    content:"";
}
.tabs:after{
    clear:both;
}
.tabs > li{
    float:left;
    padding:7px 11px 1px 11px;
    margin-right:1px;
    height:22px;
    line-height:18px;
    color:#eeeeee;
    cursor:pointer;
    text-align:center;
    background-color:#717070;
    background-image:-moz-linear-gradient(top,rgba(113,112,112,1) 85%,rgba(78,77,77,1) 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(85%,rgba(113,112,112,1)),color-stop(100%,rgba(78,77,77,1)));
    background-image:linear-gradient(top,rgba(113,112,112,1) 85%,rgba(78,77,77,1) 100%);
}
.tabs.homepage > li{
    padding:7px 5px 1px 5px;
    text-align:center;
}
.tabs.homepage > li.last{
    margin-right:0;
}
.tabs > li.smr{
    background:#B18F50;
}
.tabs > li.promotion{
    background:#B94A48;
}
.tabs > li.current{
    color:#fcfbff;
    background-color:#5FAAC1;
    background-image:none;
    font-weight:bold;
}
.tabs > li.current a{
    cursor:default;
}

.tabs > li .arrow{
    display:none;
}
.tabs > li.current .arrow{
        border-color:#5FAAC1 transparent transparent;
        border-style:solid;
        border-width:6px;
        display:inline-block;
        position:relative;
        top:3px;
}
.tabs > li > a{
    display:block;
    color:#ffffff;
    max-width:240px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.tabs > li.current > a:hover{
    text-decoration:none;
}

#featured-products-tabs {
    font-size: 11px;
}

.tab-content .footer{
    line-height:30px;
    border-top:2px solid #e6e5e6;
    overflow:hidden;
    width:100%;
}
.tab-content .footer a{
    display:block;
    float:right;
    background:transparent url('/img/redesign/arrow-blue-big.png') right no-repeat;
    padding-right:40px;
}
.tab-content{
    background-color:#eee;
    border:1px solid #e6e5e6;
    border-left:none;
    border-top:none;
    margin-bottom:20px;
}

.vertical-products{
    width:100%;
    float:left;
    display:block;
    overflow:hidden;
}

.tab-content .related-products{
    margin-top:15px;
}
.tab-content .vertical-products{
    margin-top:10px;
}

.vertical-products .album-container,
.tab-content .related-products .album-container{
    width:150px;
    float:left;
    margin:0 0 15px 12px;
}

.vertical-products .album-container a.album-cover,
.tab-content .related-products a.album-cover{
    height:150px;
    width:150px;
    display:block;
    margin-bottom:8px;
}

.vertical-products .album-title{
    font-weight:bold;
    margin-top:5px;
    margin-bottom:0px;
    height:40px;
    overflow:hidden;
}

.vertical-products .artist-name{
     margin-bottom:5px;
}

.vertical-products .album-description{
    font-size:11px;
    height:90px;
    width:100%;
    float:left;
    overflow:hidden;
}

.tab-content .related-products span.label{
    line-height:14px;
}

.tab-content .related-products .sep{
    clear:both;
}

.tab-content .see-more-link{
    display:block;
    clear:both;
    text-align:right;
    height:30px;
    line-height:30px;
    width:auto;
    padding:0 38px 0 0;
    border-top:1px solid #e6e5e6;
    float:none;
    background:transparent url(/img/redesign/arrow-blue-big.png) no-repeat 100% 0;
}

.tab-content .ajax-loader-box{
    margin:95px 0;
}
.tab-content .ajax-loader-box img{
    display:block;
    width:30px;
    margin:0 auto 15px auto;
}
.tab-content .ajax-loader-message{
    display:block;
    width:135px;
    margin:0 auto;
}

.tab-content .no-result-alert{
    margin:30px auto;
    width:400px;
}

.tab-content .slider{
    position:relative;
}
.tab-content .filter-items{
    display:none;
}
.tab-content .slider .slides_container,
.tab-content .slider .slides{
    width:658px;
    overflow:hidden;
}
.tab-content .slider .prev,.tab-content .slider .next,
.qbz_last_spip_articles_slide .prev,.qbz_last_spip_articles_slide .next{
    background-image:url(/img/redesign/nav-slide-product-box.png);
    position:absolute;
    z-index:5;
    width:32px;
    height:54px;
    cursor:pointer;
    text-indent:-3000px;
    top:40%;
}
.brown .prev,.brown .next{
    background-image:url(/img/redesign/nav-slide-brown-box.png) !important;
}
.tab-content .slider .prev,.qbz_last_spip_articles_slide .prev{
    background-position:-32px 0;
}
.tab-content .slider .next{
    margin-left:626px;
}
.tab-content .slider .pagination.pagination-mini li a{
    background-color:#CCC;
}
.tab-content .slider .pagination.pagination-mini li.active a{
    background-color:#5FAAC1;
}

.tab-content .slider.with-6-items-per-line{
    margin-left:4px;
    width:984px;
}
.tab-content .slider.with-6-items-per-line .slides_container,
.tab-content .slider.with-6-items-per-line .slides{
    width:984px;
}
.tab-content .slider.with-6-items-per-line .prev{
    margin-left:-4px;
}
.tab-content .slider.with-6-items-per-line .next{
    margin-left:956px;
}

.tab-content .tab-pane:first-child{
    display:block;
}

.tab-content > .active,.pill-content > .active{
    display:block !important;
}

h2.col-right-title{
    position:relative;
    background-color:#f2f1ed;
    height:31px;
    line-height:31px;
    width:300px;
    margin-bottom:10px;
    clear:both;
}
h2.col-right-title a{
    display:block;
    background-color:#b29153;
    font-size:17px;
    font-weight:normal;
    color:#fff;
    text-shadow:0 -1px 2px rgba(102,102,102,0.75);
    text-decoration:none;
    text-transform:none;
    float:left;
    padding-left:13px;
    padding-right:30px;
    background-image:url(/img/redesign/bg-right-col-title.png);
    background-repeat:no-repeat;
    background-position:100% 0;
    font-family:"Georgia";
    font-style:italic;
}
h2.col-right-title span.left-shadow{
    position:absolute;
    display:block;
    margin-left:-6px;
    width:6px;
    height:37px;
    background:url(/img/redesign/bg-right-col-title.png) no-repeat 0 -32px;
}
.right-column-contents{
    margin:0 0 10px 10px;
}

.right-column-contents .title{
    font-size:15px;
    line-height:18px;
    font-weight:bold;
    color:#333;
    margin-bottom:10px;
    display:block;
}
.right-column-contents .subtitle{
    margin-bottom:5px;
    display:block;
    font-size:13px;
    font-family:georgia,"times new roman",times,serif;
}
.right-column-contents li{
    margin-bottom:10px;
    clear:both;
}
.right-column-contents .content{
    font-size:11px;
    line-height:15px;
    color:#666;
}
.right-column-contents.magazine-article .content{
    max-height:88px;
    overflow:hidden;
}
.right-column-contents .content img{
    float:left;
    margin:0 10px 5px 0;
}
.right-column-contents .entity-description .content img{
    float:right;
    margin:0 5px 5px 10px;
}
.right-column-linkmore{
    text-align:right;
    clear:both;
    margin:10px 0;
}
.right-column-contents .right-column-linkmore a.brown-arrow-right{
    background-position:100% 2px;
    display:block;
}

.right-column-contents .entity-description + .title{
    border-top:1px dotted #989898;
    padding-top:10px;
}
.ad-banner{
    text-align:center;
    overflow:hidden;
}

/* Mom,please forgive me for this */
.ad-banner img[width="0"],
.ad-banner img[width="1"],
.ad-banner img[src$="1x1_transparent.gif"],
.ad-banner img[src$="1x1_transparent_gif.gif"]{
    display:none;
}
#footer .ad-banner img,#footer .ad-banner object{
    margin:5px 0 0 0;
}
#right-column .ad-banner{
        clear:both;
        margin-bottom:20px;
}
#right-column .ad-banner img,#right-column .ad-banner object{
    float:left;
    margin:0 0 0 0px;
}

#right-column .bloc{
    display:block;
    margin-bottom:20px;
}

#right-column .cms-superblock-self-promotion{
    text-align:center;
}
#right-column .cms-superblock-self-promotion img{
    display:block;
    float:left;
    margin:0 0px 10px 15px;
    box-shadow:0px 0px 5px #000;
}

.thumbnail{
    padding:2px;
}

#full-width-featuring-banner{
    float:left;
    width:972px;
    padding:10px;
    margin:0 0px 10px 0px;
    border:1px solid #CCC;
    border-radius:4px;
    background:-webkit-linear-gradient(top,rgba(229,229,229,1) 0%,rgba(205,205,205,1) 100%);
}
#full-width-featuring-banner .left-column,
#full-width-featuring-banner .right-column{
    float:left;
    position:relative;
}
#full-width-featuring-banner .left-column{
    width:310px;
    height:310px;
    overflow:hidden;
}
#full-width-featuring-banner .right-column{
    width:662px;
    height:300px;
    padding:5px 0;
    overflow:hidden;
}
#full-width-featuring-banner .left-column .slides_container{
    position:relative;
}
#full-width-featuring-banner .right-column .slides_container{
    position:relative;
    margin-left:13px;
    width:644px;
    height:300px;
    box-shadow:0px 0px 5px #000;
    background-color:#000;
}
#full-width-featuring-banner .right-column .slides_container a{
    position:absolute;
    display:block;
    width:644px;
    height:300px;
}
#full-width-featuring-banner .right-column .slides_container a:hover{
    text-decoration:none;
}
#full-width-featuring-banner .right-column .slides_container .xfbml{
    display:block;
    position:absolute;
    left:42px;
    bottom:26px;
}
#full-width-featuring-banner .slide{
    display:block;
    float:left;
    margin:5px 0px 15px 5px;
    box-shadow:0px 0px 5px #000;
    background-color:#000;
}
#full-width-featuring-banner .slide > a{
    margin:0;
    float:left;
    width:300px;
    height:140px;
}
#full-width-featuring-banner .right-column .caption{
    z-index:500;
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:28px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding:0 155px 0 20px;
    background-color:#444;
    background:url('/img/redesign/overlay.png') repeat-x scroll 0 0 #000;
    line-height:28px;
    color:#FFF;
    text-shadow:none;
}
#full-width-featuring-banner .right-column .pagination{
    z-index:100;
    position:absolute;
    bottom:15px;
    right:45px;
    margin:0;
    height:12px;
}
#full-width-featuring-banner .prev,#full-width-featuring-banner .next{
    display:none;
    position:absolute;
    cursor:pointer;
    opacity:0.6;
    background-color:#FFF;
    border:1px solid #000;
    border-radius:30px;
    width:16px;
    height:16px;
    text-indent:-99999px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-image:url(/img/redesign/ui-icons_454545_256x240.png);
}
#full-width-featuring-banner .left-column .prev{
    background-position:0 0;
    top:10px;
    left:140px;
}
#full-width-featuring-banner .left-column .next{
    background-position:-64px 0;
    bottom:10px;
    left:140px;
}
#full-width-featuring-banner .right-column .prev{
    background-position:-96px 0;
    bottom:10px;
    right:200px;
}
#full-width-featuring-banner .right-column .next{
    background-position:-32px 0;
    bottom:10px;
    right:18px;
}
#full-width-featuring-banner .left-column:hover .prev,#full-width-featuring-banner .left-column:hover .next,
#full-width-featuring-banner .right-column:hover .prev,#full-width-featuring-banner .right-column:hover .next{
    display:block;
}
#full-width-featuring-banner .prev:hover,#full-width-featuring-banner .next:hover{
    opacity:1;
}

/* OVERFLOW */
.overflow{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* BREADCRUMB */
.breadcrumb{
    display:inline-block;
    margin-bottom:10px;
    padding:3px 10px;
    max-width:638px;/* 660px minus 2*10px padding minus 2*1px border */
    border:1px solid #ddd;
}
.breadcrumb li{
    text-shadow:none;
}
.breadcrumb:after{
    clear:both;
}
.shadow-column-layout .breadcrumb{
    max-width:638px;
}
#full-column .breadcrumb{
    max-width:972px;
} /* 994px minus 2*10px padding minus 2*1px border */

.page-header{
    margin-bottom:8px;
}
.breadcrumb + .page-header{
    margin-top:8px;
}
.page-header h1 small{
    font-size:15px;
    display:block;
    margin-top:5px;
}

.release-date-header{
    color:#BBB;
    border-bottom:1px solid #eeeeee;
    margin-bottom:10px;
    padding-bottom:8px;
    text-transform:capitalize;
    clear:both;
}
.release-date-header i{
    margin-top:5px;
}

/* PAGINATION */
.pagination{
    clear:both;
}
.pagination a:hover{
    text-decoration:none;
}
.pagination.pagination-mini{
    height:12px;
    margin-top:0;
}
.pagination.pagination-mini ul{
    box-shadow:none;
}
.pagination.pagination-mini li{
    width:10px;
    height:10px;
    margin-left:7px;
    display:inline-block;
    border-radius:10px;
    overflow:hidden;
}
.pagination.pagination-mini li a{
    background-color:#FFF;
    display:block;
    text-indent:-9999px;
    border:none;
}
.pagination.pagination-mini li.active a{
    background-color:#5FAAC1;
}

/* SHARE TOOLBAR */
.share-toolbar{
    display:inline-block;
    margin-bottom:5px;
    max-height:25px;
    white-space:nowrap;
    width:370px;
}
.share-toolbar:after{
    clear:both;
}
.share-toolbar > div{
    border-left:1px solid #EEE;
    display:inline-block;
    height:20px;
    line-height:20px;
    padding:0 0 0 6px;
    position:relative;
    top:1px;
    width:95px;
}
.share-toolbar > div:first-child{
    border-left:none;
    padding-left:0;
}
.share-toolbar > div.share-toolbar-addthis{
    position:relative;
    top:-6px;
    width:60px;
}
.share-toolbar > div.share-toolbar-google{
    width:62px;
}
.share-toolbar > div.share-toolbar-twitter{
    width:88px;
}
.share-toolbar > div.share-toolbar-facebook{
    top:-2px;
}
.share-toolbar .addthis-custom-button .btn{
    height:20px;
    line-height:20px;
    padding:0 5px;
    font-size:12px;
}
.share-toolbar .addthis-hover-menu{
    background:#fff;
    border:1px solid #CCC;
    display:none;
    padding:1px;
    position:absolute;
    z-index:1000;
}
.share-toolbar .addthis-hover-menu a{
    display:block;
    padding:2px 2px 2px 25px;
    position:relative;
}
.share-toolbar .addthis-hover-menu span{
    left:5px;
    position:absolute;
    top:3px;
}
.share-toolbar .addthis-hover-menu .more span{
    display:none;
}

.add-to-favorite a{
    color:#666;
}

.add-to-favorite-button.favorite:hover > span.heart,
.add-to-favorite span.heart{
    display:inline-block;
    width:15px;
    height:12px;
    vertical-align:middle;
    margin-right:1px;
    padding-top:2px;
    background:url(/img/redesign/picto-fav.png) no-repeat 0 0;
}

.add-to-favorite-button.favorite > span.heart,
.add-to-favorite-button:hover > span.heart{
    background:url(/img/redesign/picto-fav.png) no-repeat -15px 0;
}


/* LABEL */
.label:hover{
    cursor:default;
}
.label-gold{
    background-color:#B18F50;
}
.label-gold:hover{
    background-color:#8e7340;
}
.label-info{
    background-color:#5FAAC1;
}
.label-info:hover{
    background-color:#3A87AD;
}
.label-promo{
    background-color:#B94A48;
}
.label-promo:hover{
    background-color:#B94A48;
}
.label-mini{
    display:inline-block;
    width:10px;
    height:10px;
    padding:0;
    text-indent:-300px;
    overflow:hidden;
}

.label-large{
    font-size:12px;
    padding:2px 6px 3px;
}
.label.flac{
    background:#8ebf52;
}
.label.mp3{
    background:#8ebf52;
}

/* BADGE */
.badge-gold{
    background-color:#B18F50;
}
.badge-info{
    background-color:#5FAAC1;
}
.badge-promo{
    background-color:#B94A48;
}

/* TOOLTIP */
.tooltip{
    z-index:10000;
}
.translated-ltr .tooltip{
    display:none !important;
} /* fix display issue when using google translate */

/* NAVIGATION */
.nav-list{
    border:1px solid #e4e3e0;
    width:247px;
    background-color:#f4f4f4;
    padding:0 0 10px 0;
    margin-top:5px;
}

.nav-list > li > a,.nav-list .nav-header{
    margin:0;
    padding:2px 0 2px 15px;
    text-shadow:none;
}

.nav-list .nav-header{
    background:#7e7e7e;
    background:-moz-linear-gradient(top,   #7e7e7e 0%,#585757 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7e7e7e),color-stop(100%,#585757));
    background:-webkit-linear-gradient(top,   #7e7e7e 0%,#585757 100%);
    background:-o-linear-gradient(top,   #7e7e7e 0%,#585757 100%);
    background:-ms-linear-gradient(top,   #7e7e7e 0%,#585757 100%);
    background:linear-gradient(top,   #7e7e7e 0%,#585757 100%);
    height:25px;
    line-height:25px;
    color:#fff;
    text-shadow:none;
    margin-bottom:5px;
}
.nav-list .nav-header a{
    color:#fff;
    padding:0;
}
.nav-list .active > a,
.nav-list .active > a:hover{
    background-color:#5FABC3;
}
.nav-list .nav-header > a,
.nav-list li.nav-header > a:hover{
    background-color:inherit;
}

/* MODAL */
.modal .modal-body .ajax-loader-box{
    text-align:center;
    top:30%;
    position:relative;
}
.modal .modal-body .ajax-loader-box .ajax-loader-message{
    margin-top:15px;
}

/* Store launch information modal */
#store-launch-info-popin{
    color:#fff;
    margin:0;
    padding:0;
    text-align:right;
}
#store-launch-info-popin h3{
    font-size:36px;
    margin:50px 150px 20px 0;
}
#store-launch-info-popin h4{
    font-size:24px;
    margin:0 100px 50px 0;
}
#store-launch-info-popin .modal{
    float:left;
    display:block;
    margin-left:-355px;
}
#store-launch-info-popin .modal-body{
    background:#f1f1f1 url('/img/redesign/backgrounds/popin_inter_bg.jpg') no-repeat;
    width:725px;
    height:483px;
    margin:0 20px 0 0;
    padding:0;
    max-height:483px;
}
#store-launch-info-popin .modal-body .modal-content input{
    width:240px;
    margin:10px 20px 10px 0;
}
#store-launch-info-popin .modal-body .modal-content #popin-form-btn{
    margin-right:60px;
}
#store-launch-info-popin .modal-body .modal-content a{
    display:block;
    width:250px;
    padding:10px 0;
    margin:20px 0 0 345px;
    font-weight:bold;
    text-transform:uppercase;
}
#store-launch-info-popin .modal-body .popin-text{
    font-size:16px;
    width:460px;
    margin-left:200px;
}
#store-launch-info-popin .modal-body .popin-help-link{
    margin:50px 80px 0 0;
    font-size:11px;
    color:#fff;
}
#store-launch-info-popin .modal-body .popin-help-link a,
.popin-help-link2 a{
    color:#fff;
    text-decoration:underline;
}
#store-launch-info-popin .modal-body .popin-help-link2{
    margin:140px 40px 0 0;
}

#goodie-modal{
    width:830px;
    margin-left:-415px;
    margin-top:-290px;
}
#goodie-modal .modal-body{
    max-height:none;
}

/* Download Item Modal */
#qbz_download_help .text-info{
        border-top:1px solid #dcdcdc;
        font-size:14px;
        margin-top:20px;
        padding-top:20px;
}
#qbz_download_help .qbz_downloader_already_installed{
        display:block;
        font-size:14px;
        font-weight:bold;
        margin:20px auto 0;
        text-transform:uppercase;
        width:120px;
}

/* CHART BOX */
.charts-box{width:320px;float:left;margin-bottom:20px;}
.charts-box .title{display:inline-block;padding:0 12px 0 9px;line-height:30px;height:30px;color:#FFFFFF;font-weight:bold;font-size:12px;position:relative;}
.charts-box .title a{color:#FFF;}
.charts-box .title.blue{background-color:#5FABC3;}
.charts-box .title.green{background-color:#b0c61f;}
.charts-box .title .arrow{margin:0 auto;position:relative;width:0;height:0;display:block;top:0px;border-width:5px;border-style:solid;z-index:10;}
.charts-box .title.blue .arrow{border-color:#5fabc3 transparent transparent;}
.charts-box .title.green .arrow{border-color:#b0c61f transparent transparent;}
.charts-box .view-all{float:right;padding-top:8px;}
.charts-box .title i{margin:2px 0 0 5px;cursor:pointer;}

.charts-box .charts-list{border:1px solid #e0e0e0;clear:both;margin-top:-1px;}

.charts-box .charts-list .album-container{padding:6px 0;border-bottom:1px dotted #989898;background-color:#fff;clear:both;position:relative;height:32px;}
.charts-box .charts-list .album-container:nth-child(2n){background-color:#f2f2f2;}
.charts-box .charts-list .album-container:first-child{padding-top:10px;}
.charts-box .charts-list .album-container:last-child{border-bottom:0px;}
.charts-box .charts-list .album-container:before,.charts-box .charts-list .album-container:after{display:table;content:"";zoom:1;}
.charts-box .charts-list .album-container:after{clear:both;}

.charts-box .charts-list .album-container .position{font-family:Georgia,'Times New Roman',times,serif;font-size:26px;color:#333;float:left;width:40px;text-align:center;}
.charts-box .charts-list .album-container .album-cover{float:left;width:30px;height:30px;margin:0 10px 0 0;}
.charts-box .charts-list .album-container .album-cover img{width:30px;height:30px;}
.charts-box .charts-list .album-container .text{position:absolute;left:80px;right:5px;}
.charts-box .charts-list .album-container .action{opacity:0;height:0;width:0;overflow:hidden;float:right;margin:1px 5px 0 0;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;}
.charts-box .charts-list .album-container .action .btn{float:left;padding:5px 6px;}
.charts-box .charts-list .album-container .action .btn + .btn{margin-left:3px;}
.charts-box .charts-list .album-container:hover .text{right:70px;}
.charts-box .charts-list .album-container:hover .action{opacity:1;height:auto;width:auto;}

.two-columns-wrapper .charts-box{margin-bottom:0;}

.shadow-column-layout #right-column .charts-box{margin-left:10px;width:310px;}

.charts-box.right_column .title{display:block;}
.charts-box.right_column .charts-list{margin-top:0px;border:none;}

/* CMS */
.two-columns-wrapper{width:100%;float:left;margin-bottom:20px;}
.two-columns-wrapper .left,.two-columns-wrapper .right{float:left }
.two-columns-wrapper .right{margin-left:20px;}

.dark{background-color:#2B2B2B;color:white;}
.grey{background-color:#F2F2F2;color:#333;}
.dark h2 a{color:white;}

.typo-padding{padding:20px }

.typo-padding h1,.typo-padding h2{margin-top:0;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:normal;}
.typo-padding h2{font-size:20px;line-height:20px;}

.typo-padding h1.serif,.typo-padding h2.serif{margin-top:0;font-family:Georgia,'Times New Roman',times,serif;font-weight:normal;}
.typo-padding h2.serif{font-size:30px;line-height:35px;}

.typo-padding img.pull-left{margin:0 20px 10px 0;}

li .album-cover{margin:2px 10px 0 0;}

ul.small-product-list li{float:left;width:33.3%;margin-bottom:10px;max-height:70px;overflow:hidden;}
ul.small-product-list li .album-title{max-height:54px;overflow:hidden;}
ul.small-product-list{margin:15px 20px 5px 20px;}
ul.small-product-vertical li{margin-bottom:20px;}

.shadow-inset-top{
    padding:0 10px;
    -webkit-box-shadow:inset 0 20px 20px -20px #666;
    -moz-box-shadow:inset 0 20px 20px -20px #666;
    box-shadow:inset 0 20px 20px -20px #666;
}
.shadow-inset-left{
    padding:0 10px;
    -webkit-box-shadow:inset 20px 0 20px -20px #666;
    -moz-box-shadow:inset 20px 0 20px -20px #666;
    box-shadow:inset 20px 0 20px -20px #666;
}
.magazine-title{
    font-size:26px;
}
.magazine-big-title{
    font-size:24px;
    color:black;
    font-weight:normal;
}
.cms-cheap-dealsv2 .tab-content{
    background-color:#EEE4E2;
}
.cms-cheap-dealsv2 .tab-content .pagination li.active a{
    background-color:#AB1427!important;
}
.cms-cheap-dealsv2 .tabs > li.current{
    background-color:#CF4B32;
}
.cms-cheap-dealsv2 .tabs > li.current .arrow{
    border-color:#CF4B32 transparent transparent;
}
.qbz_block_html_with_products_v2 h5{
    margin:10px 0;font-size:15px;
}
.cms-smr .tabs > li.current{
    background-color:#B18F50;
}
.cms-smr .tabs > li.current .arrow{
    border-color:#B18F50 transparent transparent;
}
.cms-block-featured-product .album-container{
        float:left;/* when the block is display alone,in preview for example */
}
.icon-special-price{
    display:block;
    background:transparent url(/img/redesign/prix_special.png) no-repeat;
    width:73px;height:22px;
}
.cms-cheap-dealsv2 .icon-special-price{
    position:absolute;
    bottom:0;
    right:10px;
}

.distinguished-publishers{
    margin-top:5px;
}
.distinguished-publishers span{
    color:#2c8fae;
    display:block;
    height:18px;
    overflow:hidden;
}

.cms-videos{clear:both;margin-top:20px;}

.cms-spip-products h2.qbz_press_selection_title{
        margin-bottom:10px!important;
}
.cms-spip-products h3 .fl,.cms-spip-products h3 .fr{
        border-bottom:1px solid #E2E1E6;
        display:inline-block;
        height:0.5em;
        width:75px;
}
.cms-spip-products h3 .fl{float:left;}
.cms-spip-products h3 .fr{float:right;}
.cms-spip-products h3{
        text-align:center;
        text-align:center;
        font-size:1.2em!important;
        font-weight:bold!important;
        padding:10px 0;
}
.cms-spip-products h3.main-product{
        position:relative;
        top:0.5em;
        line-height:1em!important;
        padding:0;
}
.cms-spip-products .album-container{
        text-align:center;
        width:50%;
        float:left;
}
.cms-spip-products .album-container.main-product{
        text-align:center;
        background-color:#F5F5F7;
        padding:20px 0 10px 0;
        float:none;
        width:100%;
}

.cms-spip-last-products h2{
        font-size:23px;
        background-color:#EFEEEA;
        padding:0px 10px;
        font-weight:normal;
        line-height:33px;
}
.cms-spip-last-products li{
        clear:left;
        margin-top:15px;
}
.cms-spip-last-products .cover{
        position:relative;
}
.cms-spip-last-products .cover img{
        float:left;
        margin-right:5px;
}
.cms-spip-last-products .qbz_see_all{
        border-top:1px dotted #A2A2A2;
        margin-top:10px;
}
.qbz_block_html_with_products_v2{
        margin-bottom:20px;margin-top:20px;
}
.tab-content .qbz_block_html_with_products_v2{
        margin-bottom:0;margin-top:0;
}

.see-more-link{
    float:right;
}
.graybackground .see-more-link,
.darkbackground .see-more-link{
    padding-right:16px;
}

.graybackground{
    background-color:#EFEEEA;
    padding-bottom:16px;
    overflow:hidden;
}
.darkbackground{
    background:#79766d url('/img/redesign/backgrounds/dark-pattern.png');
    padding-bottom:16px;
    overflow:hidden;
    color:white;
}

.article-carousel{
    float:clear;
    clear:both;
}

.darkbackground a{color:white;}
.darkbackground.article-carousel .slides_container li a{color:white;height:230px;}

.article-carousel .slides_container{
        width:auto!important;
        margin:0 40px;
}
.article-carousel div{
        width:100%;
        clear:both;
}
.article-carousel .prev{
        top:50px!important;
}
.article-carousel .next{
        top:50px!important;
}
.article-carousel .slides_container li a img{
        display:block;
        margin:0 auto 5px auto;
}
.article-carousel .slides_container li{
        width:580px;
}
.article-carousel .slides_container li a{
        float:left;
        width:170px;
        margin:0 10px;
        color:black;
        font-size:14px;
}
.article-carousel .blue-arrow-left,.article-carousel h2,.article-carousel h2{
        float:left;
}
.article-carousel h2{
        margin:5px 10px 10px 16px;
}
.article-carousel h2.serif{
    font-variant:small-caps;
}
.article-carousel .blue-arrow-left{
        margin-top:15px;
}
.article-carousel .play{
        position:absolute;
        margin-top:30px!important;
        margin-left:60px!important;
}

.article-list{
        width:300px;
        padding:0 10px;
}
.article-list ul{
        margin-bottom:10px;
}
.article-list h2 a,.article-list h3 a,.article-list li a,.article-single h3 a{
        color:black;
}
.article-list h2.serif{
    font-variant:small-caps;
}
.article-list h3,.article-single h3{
        padding-top:5px;
        font-weight:normal;
        font-size:23px;
        font-variant:normal;
}
.article-list li{
        padding:10px 0;
        clear:both;overflow:hidden;
        border-bottom:1px dotted #98989a;
        max-height:75px;
}
.article-list li span.fixed-cover{
        overflow:hidden;
        display:block;
        height:60px;
        width:100px;
        margin:0;
        padding:0;
        float:left;
        margin-right:10px;
        margin-top:4px;
}
.article-list li img{
        float:left;margin-right:10px;
}
.article-list li.big{max-height:none;}
.article-list li.big img{
        float:none;
        margin-top:0;
        height:224px;/** max height **/
        width:auto;
        margin:0 auto;
        display:block;
}
.article-list a h4 img{margin:3px 0 0 0;}
.article-list li.big a .serif img{height:auto;display:inline;}
.article-list a:hover{text-decoration:none;}
.article-list a:hover h4{text-decoration:underline;}
.blog-title{
        color:#9a9a9a;
        text-transform:uppercase;
        font-weight:bold;
        font-size:12px;
}

.article-single{
        padding:0 20px 0 20px;
        border-bottom:1px dotted #98989a;
}
.article-single .date{
        display:block;
        color:#9a9a9a;
        padding:10px 0;
        font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size:11px;
}
.article-single .see-more-link{
    margin-top:4px;
}
.article-single div{
        overflow:hidden;
        margin:10px 0;
}
.article-single img{
        float:left;
        margin-right:10px;
        display:block;
}
.article-single h2.serif{
    font-variant:small-caps;
}

/** Keep the same class name for compatibility reasons **/
.qbz_press_selection .qbz_press_selection_title,#right-column .qbz_press_selection h2,
.qbz_press_selection .qbz_press_selection_title a,#right-column .qbz_press_selection h2 a{
    text-transform:uppercase;
    font-size:20px!important;
    font-family:'Novecento',verdana,sans-serif;
    font-weight:normal!important;
    color:#333;
    text-decoration:none;
}
.qbz_press_selection .qbz_press_selection_title,#right-column .qbz_press_selection h2{
    margin-bottom:0;
    border-bottom:1px solid #A2A2A2;
}
.qbz_press_selection h3{
    font-size:12px;line-height:14px;
    clear:both;
}
.qbz_press_selection .album-cover{
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.qbz_press_selection .qbz_subtitle,.qbz_press_selection .qbz_subtitle a{
    color:#666 !important;
}
.qbz_press_selection .qbz_abstract_list{
    border-bottom:1px dotted #A2A2A2;
    padding-bottom:10px;
}
.qbz_press_selection .qbz_press_notation a,.qbz_press_selection .qbz_press_notation a:hover{
    color:#3F96B2;
    font-weight:bold;
    font-style:normal;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
/* EXPANDABLE */
.expandable .expandable-link{display:none;margin-top:5px;}
.expandable .expandable-overflow{max-height:200px;overflow-y:hidden;}

/* ZOOM OVERLAY */
#image-zoom-overlay{width:auto;position:absolute;margin:0;left:0;top:0;}
#image-zoom-overlay .modal-body{padding:0;max-height:none;}

/* TRAIL BAR */
.trail-bar{margin:16px 0;text-align:center;height:32px;}
.trail-bar li{color:#bfbfbf;font-size:13px;text-transform:uppercase;border:1px solid #e9e7e7;border-left:none;display:inline-block;*display:inline;height:30px;line-height:30px;padding-right:30px;background:#F4F4F4 url(/img/common/trailbar_grey_arrow.png) no-repeat right top;margin-left:-4px;}
.trail-bar li .circle{background-color:#FFF;display:block;width:22px;height:22px;-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;float:left;margin:4px 10px 0px;line-height:22px;}
.trail-bar li.selected{color:#FFFFFF;background:#5FAAC1 url(/img/common/trailbar_blue_arrow.png) no-repeat right top;}
.trail-bar li.selected .circle{background-color:#222;}
.trail-bar li.first{border-left:1px solid #e9e7e7;}
.trail-bar li.last{background-image:none;padding-right:15px;}


.footer-bar{
    margin:15px 0 5px 0;
    text-align:right;
    padding-right:1.5em;
}
.footer-bar span{
    color:#bfbfbf;font-size:13px;text-transform:uppercase;border:1px solid #e9e7e7;border-left:none;display:inline-block;*display:inline;height:30px;line-height:30px;padding-right:30px;background:#F4F4F4 url(/img/common/trailbar_grey_arrow.png) no-repeat right top;margin-left:-4px;
}
.footer-bar span.next{
    display:inline-block !important;
    cursor:pointer;
    padding-left:1em;
    color:#FFFFFF;
    background:#59b359 url(/img/common/trailbar_green_arrow.png) no-repeat right top;
}
.footer-bar span.next:hover{
    border-right:1px solid #59B359;
}

.btn-grey{
    color:#ffffff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


/* ACCORDION */
.accordion-group{
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}

.accordion-heading .accordion-toggle{
padding:8px 15px 8px 8px;
color:#333333;
text-shadow:0 1px 1px rgba(255,255,255,0.75);
vertical-align:middle;
background-color:#f5f5f5;
background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);
background-image:-ms-linear-gradient(top,#ffffff,#e6e6e6);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);
background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);
background-image:linear-gradient(top,#ffffff,#e6e6e6);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.accordion-heading .accordion-toggle:hover{
text-decoration:none;
color:#333333;
background-color:#e6e6e6;
background-position:0 -15px;
-webkit-transition:background-position 0.1s linear;
-moz-transition:background-position 0.1s linear;
-ms-transition:background-position 0.1s linear;
-o-transition:background-position 0.1s linear;
transition:background-position 0.1s linear;
}

.accordion-heading .accordion-toggle i{
margin-right:3px;
}

/* COMMENTS */
#qobuz_user_comments form{
padding:19px 0;
}

#qobuz_user_comments .form-horizontal .control-label{
width:100px;
}

#qobuz_user_comments .form-horizontal .controls{
margin-left:120px;
}

#qobuz_user_comments .form-horizontal .controls textarea{
resize:none;
}

#qobuz_user_comments .form-horizontal .form-button{
padding-left:120px;
}

#qobuz_user_comments .comments{
margin-bottom:15px;
}
/*#user-comments-container_form_create .comments .rating-stars{display:block;margin-bottom:5px;}*/
#qobuz_user_comments .comment{
margin-bottom:0;
}

#qobuz_user_comments .comment .meta{
background-color:#F9F9F9;
}

#qobuz_user_comments .comment .meta,#qobuz_user_comments .comment .quote{
padding:8px;
line-height:18px;
text-align:left;
border:1px solid #ddd 0 none;
border-left:0 none;
border-bottom:0 none;
}

#qobuz_user_comments .comment .meta i{
font-style:italic;
font-size:11px;
}

#qobuz_user_comments .comment .quote blockquote{
max-width:620px;
overflow:hidden;
}

#qobuz_user_comments .author-info i{
    display: none;
}


/* ALERTS */

.alert-cnil p {
display: block;
width: 75%;
text-align: left;
margin: 0 15px;
font-size: 14px;
font-weight: bold;
font-family: 'HK Grotesk';
}
.alert.alert-cnil a{
text-decoration:unset;
}

.alert.alert-info a{
text-decoration:underline;
}

.alert.alert-error a{
text-decoration:underline;
color:#B94A48;
}

.download-tar{
    clear:both;
    text-align: center;
    margin-bottom: 20px;
}
    .download-tar a{
        text-decoration: underline;
    }

/* TABLES */
.table.table-dark th{
border:none;
color:#FFF;
text-transform:uppercase;
background:#7e7e7e;
background:-moz-linear-gradient(top,   #7e7e7e 0%,#585757 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7e7e7e),color-stop(100%,#585757));
background:-webkit-linear-gradient(top,   #7e7e7e 0%,#585757 100%);
background:-o-linear-gradient(top,   #7e7e7e 0%,#585757 100%);
background:-ms-linear-gradient(top,   #7e7e7e 0%,#585757 100%);
background:linear-gradient(top,   #7e7e7e 0%,#585757 100%);
}

.table.table-dark.table-striped tbody tr td,.table.table-dark.table-striped tbody tr th{
background-color:#EEE;
}

.table.table-dark.table-striped tbody tr:nth-child(odd) td,.table.table-dark.table-striped tbody tr:nth-child(odd) th{
background-color:#F9F9F9;
}

.table.table-dark.table-striped tbody tr td,.table.table-dark.table-striped tbody tr th{
background-color:#EEE;
}

/* HEADER USER ACCOUNT */
#header-user-account-overlay{
text-align:left;
}

#header-user-account-overlay .account-summary{
padding:3px 15px;
white-space:nowrap;
background:linear-gradient(top,rgba(250,250,250,1) 0%,rgba(210,210,210,1) 100%);
background:-webkit-linear-gradient(top,rgba(250,250,250,1) 0%,rgba(210,210,210,1) 100%);
background:linear-gradient(top,rgba(250,250,250,1) 0%,rgba(210,210,210,1) 100%);
background:-moz-linear-gradient(top,rgba(250,250,250,1) 0%,rgba(210,210,210,1) 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(250,250,250,1)),color-stop(100%,rgba(210,210,210,1)));
border-bottom:1px solid #bbb;
margin-bottom:4px;
}

#header-user-account-overlay ul li{
display:block;
margin:0;
}

#header-user-account-overlay li.divider{
margin:4px 0 3px 0;
}

#header-user-account-overlay .account-summary .user{
max-width:225px;
}

#header-user-account-overlay .account-summary .user .name{
font-weight:bold;
}

#header-user-account-overlay .account-summary .user .login{
color:#666;
}

#header-user-account-overlay .account-summary .user .flag{
position:absolute;
top:11px;
right:15px;
}

#header-user-account-overlay .account-summary .user .name{
font-weight:bold;
}

#header-user-account-overlay .account-summary .user .login{
color:#666;
}

#header-user-account-overlay .account-summary .user .flag{
position:absolute;
top:11px;
right:15px;
}

#header-user-account-overlay .account-summary .streaming-plan{
color:#2c8fae;
font-size:10px;
}

/* HEADER USER SIGNUP / SIGNIN */
#header-user-signin-overlay{
border-radius:4px 0 4px 4px;
margin-top:8px;
padding:20px;
width:340px;
}

#header-user-signin-overlay:after{
border:8px solid transparent;
border-bottom-color:#fff;
content:' ';
left:302px;
position:absolute;
top:-16px;
width:0;
}

#header-user-signin-overlay-title{
color:#595959;
font:normal 18px 'NovecentoMed',Arial,'Helvetica Neue',Helvetica,sans-serif;
margin-bottom:20px;
padding:0;
text-transform:uppercase;
}

#header-user-signin-overlay input{
background:#f6f6f6;
display:block;
height:22px;
margin-bottom:20px;
width:326px;
}

#signin_remember{
margin:8px 5px 5px 0;
padding:0;
width:15px;
}

#signin_remember label{
height:30px;
margin:0;
padding:0;
width:30px;
}

#header-user-signin-overlay label.checkbox div{
float:left;
margin:5px 0 0;
width:80px;
}

#btn-connexion{
background-image:linear-gradient(to bottom,#4EAFCD,#3E95B0);
float:right;
padding:4px 12px 6px;
}

#btn-connexion .icone-go{
margin-left:5px;
}

#btn-connexion .icone-go:after{
color:#006282;
font-size:18px;
margin-left:5px;
top:2px;
}

#signin_remember_block{
line-height:30px;
position:absolute;
}

#header-user-signin-overlay #signin_remember,
#header-user-signin-overlay #signin_remember_block label{
display:inline;
margin:0;
width:auto;
}

#signin_remember .btn-info{
text-transform:uppercase;
}

#signup_form button{
color:#888;
font:normal 14px 'NovecentoMed',Arial,'Helvetica Neue',Helvetica,sans-serif;
margin-left:54px;
padding:6px 12px 7px;
position:relative;
text-align:center;
width:230px;
}

#signup_form button .icone-go{
margin:0;
}

#signup_form button .icone-go:after{
font-size:18px;
position:absolute;
right:15px;
top:2px;
}

#header-user-signin-overlay span.separator{
background:#fff;
color:#595959;
font-family:"NovecentoMed",Arial,"Helvetica Neue",Helvetica,sans-serif;
height:15px;
left:50%;
margin:-27px 0 0 -43px;
padding:0 32px;
position:absolute;
text-transform:uppercase;
}

#header-user-signin-fb-login-button-wrapper{
margin:15px auto;
text-align:center;
width:300px;
}

.header-user-signin-form-wrapper{
margin-bottom:30px;
overflow:hidden;
}

#header-user-signin-overlay hr{
border-color:#e2e2e2;
}

.header-user-signin-form-wrapper form input{
display:block;
width:300px;
}

.header-user-signin-form-wrapper button{
text-transform:uppercase;
}

.header-user-signin-form-wrapper hr{
background:none;
border-width:1px;
clear:both;
height:inherit;
margin:45px 0 15px 0;
width:100%;
}

.header-top-control.user .icon-user{
background-image:url("/img/redesign/icon-user.png");
background-position:0 0;
height:15px;
margin:0 10px 0 0;
width:17px;
}

.header-top-control.user .img-user-signed-in{
height:15px;
margin:0 10px 0 0;
width:15px;
}

.header-top-control.user .btn-group > .btn + .dropdown-toggle{
box-shadow:none;
webkit-box-shadow:none;
-moz-box-shadow:none;
}

.header-top-control.user .btn-group > .btn + .dropdown-toggle{
border:solid 1px #222;
border-left:none;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
}

.header-top-control.user .btn-group > .btn:first-child{
border:solid 1px #222;
border-right:none;
}

.header-top-control.user .btn-group .caret{
margin-left:10px;
}

.header-top-control.user .btn-group.open .dropdown-toggle{
box-shadow:none;
webkit-box-shadow:none;
-moz-box-shadow:none;
}

.header-top-control.user .btn-primary{
background-color:#373737;
background-image:none;
color:#fff;
font:bold 10px 'Novecento',verdana,sans-serif;
padding:4px 12px 4px 9px;
max-width:200px;
}

.header-top-control.user .btn-group.open .btn-primary.dropdown-toggle,
.header-top-control.user .btn-group.open .btn-primary{
background:#313131;
font-family:'Novecento',verdana,sans-serif;
}

/* USER SIGNUP / SIGNIN */
.signup-form-wrapper{
    margin: 0 auto;
    width: 400px;
}
.select-genre{
    margin:20px 0;
    overflow: hidden;
}
.select-genre label{
    display:block;
    float:left;
    margin-right: 20px;
    position:relative;
}
.select-genre input{
    margin:-3px 30px 0 0;
}
.user-homme span,
.user-femme span,
.user-transgenre span{
    left:21px;
    position:absolute;
    top:0;
}
.signup-form-wrapper .picto-lock-small{
    margin-right: 5px;
    position: relative;
    top: 2px;
}

#user-signin-page #full-column div.column-separator{
    background:#CCC;
    background:-moz-linear-gradient(top,#ffffff 0%,#6b6b6b 50%,#ffffff 99%);
     /* FF3.6+ */
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#6b6b6b),color-stop(99%,#ffffff));
     /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,#ffffff 0%,#6b6b6b 50%,#ffffff 99%);
     /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,#ffffff 0%,#6b6b6b 50%,#ffffff 99%);
     /* Opera 11.10+ */
    background:-ms-linear-gradient(top,#ffffff 0%,#6b6b6b 50%,#ffffff 99%);
     /* IE10+ */
    background:linear-gradient(to bottom,#ffffff 0%,#6b6b6b 50%,#ffffff 99%);
     /* W3C */;
    box-shadow:0 0 20px gray;
    height:350px;
    margin:40px;
    -moz-box-shadow:0 0 20px gray;
    -webkit-box-shadow:0 0 20px gray;
    width:1px;
}

#user-signin-page #user-signup div.section-content{
    background:url(/img/redesign/signin2014.png) no-repeat scroll bottom center transparent;
    padding-bottom:250px;
}
#user-signin-page #user-signup div.section-content form{
    text-align:center;
}
#user-signin-page #user-signin div.auth-form-separator{
    position:relative;
}
.auth-form-separator{
    position:relative;
}

.content-01{
    background:#fff;
    border:1px solid #d5e4ea;
    font-family: AvenirMedium;
    font-size:14px;
    padding:30px;
    margin:0 0 30px;
}
.content-01-tlt{
    color:#2291bb;
    font-size:14px;
    margin:0 0 30px;
    text-align: center;
    text-transform: uppercase;
}
.password-reset{
    color:#2291bb;
    font-size:16px;
    margin:30px 0 0;
}
.signin-qbz-form{
    margin: 0 auto;
    /*overflow: hidden;*/
    width: 300px;
}
.content-01-tlt{
    color:#2291bb;
    font-size:14px;
    margin:0 0 30px;
    text-align: center;
    text-transform: uppercase;
}
.password-reset{
    color:#2291bb;
    font-size:16px;
    margin:30px 0 0;
}
.signin-qbz-form{
    margin: 0 auto;
    width: 300px;
}

.reset-password .control-group{
    font-size: 14px;
    margin: 20px 0;
    text-align: center;
}
    .reset-password .control-group label{
        font-size: 14px;
    }
    .reset-password .control-group input{
        margin-top:10px;
    }

 .content-invite-signout .btn-success {
     width: initial !important;
     margin: 25px 25px;
 }

.user-reset-password{
    margin:100px auto;
    width: 1024px;
}
.user-signin-content{
    margin:0 auto 100px;
    width: 1024px;
}
.user-signup-content{
    margin:0 auto 100px;
    width: 1024px;
}
    .user-signup-content .btn-success{
        font-weight: bold;
        width: 100%;
    }
    .user-signup-content .gender-input{
        margin-bottom: 15px;
        overflow:hidden;
    }
        .user-signup-content .gender-input li{
            float:left;
            margin-right: 10px;
        }
            .user-signup-content .gender-input input,
            .user-signup-content .gender-input label{
                cursor:pointer;
                float:left;
                margin-right:5px;
            }
            .user-signup-content .gender-input input{
                position: relative;
                top:-2px;
            }
                .user-signup-content .gender-input label[for="user_gender_male"]:before,
                .user-signup-content .gender-input label[for="user_gender_female"]:before,
                .user-signup-content .gender-input label[for="user_gender_other"]:before{
                    background:url(/img/sprite/sprite-global-2015.png) no-repeat -239px -168px;
                    content:" ";
                    display:block;
                    float:left;
                    margin-right:5px;
                    position: relative;
                    z-index:1000;
                }
                .user-signup-content .gender-input label[for="user_gender_female"]:before{
                    height:19px;
                    top: -1px;
                    width:13px;
                }
                .user-signup-content .gender-input label[for="user_gender_male"]:before{
                    background-position:-239px -187px;
                    height:16px;
                    top: 0;
                    width:16px;
                }
                .user-signup-content .gender-input label[for="user_gender_other"]:before{
                    background-position:-239px -203px;
                    height:22px;
                    top: -1px;
                    width:20px;
                }
    .user-signup-content .birthday-input{
        font-size:0;
        margin-bottom: 15px;
        overflow:hidden;
    }
        .signup-form-wrapper .help-block{
            clear:both;
            font-size: 12px;
        }
        .user-signup-content .birthday-input select{
            float:left;
            margin-right: 10px;
            text-transform: capitalize;
            width: 120px;
        }
            .user-signup-content .birthday-input select:last-child{
                margin-right: 0;
            }


.auth-form-separator{
    margin: 30px auto;
    position: relative;
    width: 90%;
}
    .auth-form-separator hr{
        background: #d5e4ea;
        border:none;
        height: 1px;
    }
    .auth-form-separator span{
        background: #f1f1f1;
        font-family: AvenirMedium;
        font-size: 13px;
        font-weight: bold;
        left: 45%;
        padding: 0 20px;
        position: absolute;
        top: -8px;
    }

.reset-password .control-group{
    font-size: 14px;
    margin: 20px 0;
    text-align: center;
}
    .reset-password .control-group label{
        font-size: 14px;
    }
    .reset-password .control-group input{
        margin-top:10px;
    }
.alternate-method-link,
.alternate-method-link .btn-link{
    font-family: AvenirMedium;
    font-size:16px;
}
.alternate-method-link a,
.alternate-method-link .btn-link{
    color:#333;
}
.alternate-method-link a span{
    color:#2c8fae;
}

.user-reset-password{
    margin:100px auto;
    width: 1024px;
}
.user-signin-content{
    margin:0 auto 100px;
    width: 1024px;
}
.user-signin-content .auth-form-separator{
    margin: 30px auto;
    position: relative;
    width: 90%;
}
    .user-signin-content .auth-form-separator hr{
        background: #d5e4ea;
        border:none;
        height: 1px;
    }
    .user-signin-content .auth-form-separator span{
        background: #f6f9fa;
        font-family: AvenirMedium;
        font-size: 13px;
        font-weight: bold;
        left: 45%;
        padding: 0 20px;
        position: absolute;
        top: -8px;
    }

#user-signin-page #user-signin span.separator{
    background: #fff;
    font-family: AvenirMedium;
    font-size: 13px;
    font-weight: bold;
    height: 15px;
    left: 50%;
    margin-left: -18px;
    padding: 0 10px;
    position: absolute;
    top: -7px;
}

#user-signin{
    margin: 30px auto;
    width: 50%;
}
#user-signup{
    margin: 30px auto;
    width: 50%;
}
#user-signin{
    margin: 30px auto;
    width: 50%;
}

#user-signup-page #user-signup{
background:#fff;
padding:16px;
border:1px solid #ccc;
}

#user-signup-page #user-signup div.section-header{
margin-top:0;
}

#user-signup-page #user-signup div.alternate-method-link{
margin:0;
}

#user-signin-page #user-signin form.form-horizontal div.controls{
margin-right:48px;
}

#user-signin-page #user-signin form.form-horizontal div.controls label{
float:left;
}

#user-signin-page #user-signin form.form-horizontal div.controls    button{
float:right;
}

#user-signin-page #user-signin form.form-horizontal div.controls a.password-reset{
float:right;
font-size:11px;
}

#user-signup-page .vertical-separator{
text-align:center;
margin-top:120px;
}

#user-signup-page .highlight{
font-family:"NovecentoBook","Verdana",sans-serif;
color:#333;
line-height:1.25;
font-size:16px;
text-transform:uppercase;
}

#user-signup-page .blue{
color:#54a0ba;
}

#user-signup-page .light-grey{
color:#999;
}

#user-signup-page .highlight.large{
font-size:20px;
}

#user-signup-page .highlight.small{
font-size:12px;
}

#user-signup-page .highlight.extra-small{
font-size:9px;
}

#user-signup-page .highlight.bold{
font-weight:bold;
}

#user-signup-page .large-spacing{
margin:20px;
}

#user-signup-page #user-signup h3{
font-weight:normal;
}

#user-signup-page #user-signup .why-facebook[rel=popover]{
    cursor:pointer;
}

#user-signup-page #user-signup .why-facebook[rel=popover]:hover{
    text-decoration:underline;
}

/* FACEBOOK */
.xfbml.unparsed{
    display:none;
}

#fb-like-box-wrapper,
#header-user-signin-fb-login-button-wrapper,
#my-account-externals-fb-login-button-wrapper,
#my-account-fb-like-box-wrapper,
#user-signin-fb-login-button-wrapper,
#user-signup-fb-login-button-wrapper{
    text-align:center;
    background:url(/img/common/ajax-loader-small.gif) no-repeat scroll center center transparent;
}

#header-user-signin-fb-login-button-wrapper,
#my-account-externals-fb-login-button-wrapper{
    height:24px;
    overflow:hidden;
}

.pluginFaviconButton{
    height:37px;
    width:279px;
}

#user-signin-fb-login-button-wrapper,
#user-signup-fb-login-button-wrapper{
    height:29px;
    overflow:hidden;
}
#fb-like-box-wrapper,
#my-account-fb-like-box-wrapper{
    height:292px;
    overflow:hidden;
}

/*
    Looks like some versions of the Facebook iframe widgets can't be properly positioned.
    This rule is intended to fix this.
    The .fb_iframe_widget iframe is owned by Facebook,not us.
*/
.fb_iframe_widget iframe{
    top:0;
    left:0;
}

/* MY ACCOUNT */
#main-my-account .subscription-history tr td:first-child{
    min-width:312px;
}

#main-my-account .subscription-history .action-links{
    display:block;
}

.update-subscription-payment-source-overlay.modal{
    width:760px;
    margin-left:-380px;
}

/* NEWSLETTER */
#subscription-management-table h1{
    font-size:14px;
    line-height:24px;
}
#subscription-management-table div{
    line-height:16px;
}
/* PAYMENT */

.payment-method-chooser h2{
    font-family:'NovecentoMed',verdana,sans-serif;
    font-size:20px;
    font-weight:normal;
    margin:2px 0;
}

.payment-method-chooser .alert{
    display:block;
    padding-right:8px;
}
.payment-method-chooser label{display:none;} /* sfForm Hack */
.payment-method-chooser .payment-source-chooser-back{
    text-align:right;
}
.payment-method-chooser .payment-provider-chooser ul{
    margin-right:0;
}
.payment-method-chooser .payment-source-chooser .choose-payment-provider{
        margin-top:15px;
}
.payment-method-chooser .payment-source-info{
    display:inline-block;
    padding:10px 0 0 10px;
}
.payment-method-chooser .payment-source-name{
    font-size:14px;
    color:black;
}
.payment-method-chooser .pay-button-info,
.payment-method-chooser .provider-description{
    padding:1px;
    display:inline-block;
    width:300px;
    height:36px;
}
.payment-method-chooser .tab-content{
    border-left:none;
    border-top:1px solid #E6E5E6;
    background:#fbfbfb;
}
.payment-method-chooser .tab-content .tab-pane{
    padding:10px;
}
.payment-method-chooser .payment-provider-chooser ul li{
    opacity:0.5;
    width:270px;
}
.payment-method-chooser .payment-provider-chooser ul li a strong{
    padding-right:16px;
}
.payment-method-chooser .payment-provider-chooser ul li.active{
    opacity:1;
}
.payment-method-chooser .payment-provider-chooser ul li.active a{
    border-left:5px solid green;
    padding-left:8px;
    background:#fbfbfb;
}
.payment-method-chooser .payment-provider-chooser ul li.active a:hover{
    border-left:5px solid green;
}

.payment-fullwidth-process{
    margin:50px;
    padding:30px;
    text-align:center;
}

/* HEADER CART CONTROL */
#header-top-right .header-top-control.cart .btn-group > .btn:first-child{
    background:none;
    border:none;
    border-radius:0;
    text-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    float:left;
    color:#333;
    padding:0 0 0 10px;
}
#header-top-right .basket-count{
    background:#fff;
    float:right;
    min-width:20px;
    height:20px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
#header-top-right .basket-count span{
    display:block;
    color:#333;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:10px;
    text-align:center;
    line-height:1;
}
#header-top-right .basket-count:before{
    background-color:#FFFFFF;
    content:" ";
    display:block;
    height:5px;
    left:-2px;
    position:relative;
    top:8px;
    width:5px;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
#header-top-right .basket-count.full{
    background-color:#49a7c5;
}
#header-top-right .basket-count.full span{
    color:#fff;
}
#header-top-right .basket-count.full:before{
    background-color:#49a7c5;
}

#header-top-right .icon-basket{
    background-image:url(/img/redesign/cart-empty.png);
    background-repeat:no-repeat;
    background-position:0 0;
    width:15px;
    height:12px;
    float:left;
    margin:5px 10px 0 0;
}
#header-top-right a.btn-basket:hover .icon-basket{
    background-image:url(/img/redesign/cart-hover.png);
}

#header-top-right .btn-group.open .icon-basket{
    background-image:url(/img/redesign/cart-clic.png);
}

/* HEADER CART OVERLAY */
#header-basket-overlay{
        border:none;
        box-shadow:0 0 4px rgba(85,85,85,0.6);
        font-size:12px;
        left:auto;
        margin-top:10px;
        padding:0;
        right:0;
        width:350px;
}
#header-basket-overlay:after{
        border:8px solid transparent;
        border-bottom-color:#fff;
        content:' ';
        left:305px;
        position:absolute;
        top:-16px;
        width:0;
}
#header-basket-overlay #header-basket-overlay-title{
        color:#595959;
        font:normal 18px 'NovecentoMed',Arial,'Helvetica Neue',Helvetica,sans-serif;
        margin:20px 20px 5px;
        text-transform:uppercase;
}
#header-basket-overlay .action-delete{
        margin-left:10px;
}
#header-basket-overlay .album-container{
        border-bottom:1px solid #e1e1e1;
        padding:15px 20px;
}
#header-basket-overlay .album-container:nth-child(odd){
        background:#f1f1f1;
}
#header-basket-overlay .album-container:last-child{
        border-bottom:none;
        padding-top:0;
}
#header-basket-overlay .album-container .label-quality{
        font-weight:bold;
}
#header-basket-overlay .album-cover{
        height:50px;
        margin-right:20px;
        width:50px;
}
#header-basket-overlay .album-price{
        color:#333;
        font-size:17px;
        position:absolute;
        right:0;
        top:15px;
}
#header-basket-overlay .album-price .sup_cents{
        font-size:11px;
}
#header-basket-overlay .btn{
        color:white;
        margin:0 5px 5px 5px;
        text-align:center;
        text-transform:uppercase;
}
#header-basket-overlay .order-price{
        clear:both;
        font-size:14px;
        margin-left:-15px;
        padding:10px 0 20px 0;
}
#header-basket-overlay .order-price span{
        color:#4B97AD;
}
#header-basket-overlay .order-price .final-price{
        font-size:21px;
}
#header-basket-overlay .order-price .final-price .sup_cents{
        font-size:11px;
}
#header-basket-overlay .special-offer-reminder{
    border-bottom:1px dotted #EEE;
    color:#666;
    float:left;
    margin-bottom:10px;
    padding:10px 20px;
    text-align:center;
}
#header-basket-overlay .special-offer-reminder .gift-icon{
    background:url(/img/redesign/gift.png) no-repeat;
    display:inline-block;
    height:39px;
    padding:0 2px 4px 0;
    vertical-align:middle;
    width:32px;
}
#header-basket-overlay .special-offer-reminder .special-offer-message{
        padding-left:20px;
}
#header-basket-overlay .special-offer-reminder b{
        color:#333;
}

#header-basket-overlay #basket-validate{
        margin:10px auto;
        text-align:center;
}
#header-basket-overlay #basket-validate .crossed-price{
        color:#666;
        font-size:15px;
        text-decoration:line-through;
}
#header-basket-overlay .header-basket-article{
        overflow:hidden;
        padding-right:90px;
        position:relative;
        text-overflow:ellipsis;
        white-space:nowrap;
}

/* BASKET */
#main-basket h1{
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
}
#main-basket .alert{
    display:block;
    overflow:hidden;
}
#main-basket .back_link{
    float:right;
    margin-top:10px;
}

/* BASKET:SUBSCRIPTION ORDER SPECIFIC */

#main-basket.subscription-basket h2{
    font-family:'NovecentoMed',verdana,sans-serif;
    font-size:20px;
    font-weight:normal;
    margin:20px 0 2px 0;
}

#main-basket.subscription-basket .subscription-details{
    margin-bottom:6px;
}
#main-basket.subscription-basket .subscription-details th{
    color:white;
    font-family:'NovecentoMed',verdana,sans-serif;
    font-size:20px;
    font-weight:normal;
    height:20px;
    padding:10px;
    text-align:left;
    text-transform:uppercase;
    border-radius:4px 4px 0 0;
    background:#3d3c3c;
    background:-moz-linear-gradient(top,#585858 0%,#3d3c3c 100%);/* FF3.6+ */
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#585858),color-stop(100%,#3d3c3c));/* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,#585858 0%,#3d3c3c 100%);/* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,#585858 0%,#3d3c3c 100%);/* Opera 11.10+ */
    background:-ms-linear-gradient(top,#585858 0%,#3d3c3c 100%);/* IE10+ */
    background:linear-gradient(to bottom,#585858 0%,#3d3c3c 100%);/* W3C */
    line-height:1.2em;
}
#main-basket.subscription-basket .subscription-details td.price{
    font-family:'NovecentoMed',verdana,sans-serif;
    height:40px;
    width:150px;
    padding:10px;
    color:white;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-size:17px;
    border-radius:0 0 4px 0;
}
#main-basket.subscription-basket .subscription-details .gray{
    border-left:1px solid #a0a0a0;
    background:#a5a5a5;
    background:-moz-linear-gradient(top,#bbbbbb 0%,#a5a5a5 100%);/* FF3.6+ */
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#bbbbbb),color-stop(100%,#a5a5a5));/* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,#bbbbbb 0%,#a5a5a5 100%);/* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,#bbbbbb 0%,#a5a5a5 100%);/* Opera 11.10+ */
    background:-ms-linear-gradient(top,#bbbbbb 0%,#a5a5a5 100%);/* IE10+ */
    background:linear-gradient(to bottom,#bbbbbb 0%,#a5a5a5 100%);/* W3C */
}
#main-basket.subscription-basket .subscription-details .blue{
    border-left:1px solid #3789a3;
    background:#2e95b6;
    background:-moz-linear-gradient(top,#45accc 0%,#2e95b6 100%);/* FF3.6+ */
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#45accc),color-stop(100%,#2e95b6));/* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,#45accc 0%,#2e95b6 100%);/* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,#45accc 0%,#2e95b6 100%);/* Opera 11.10+ */
    background:-ms-linear-gradient(top,#45accc 0%,#2e95b6 100%);/* IE10+ */
    background:linear-gradient(to bottom,#45accc 0%,#2e95b6 100%);/* W3C */
}
#main-basket.subscription-basket .subscription-details .green{
    border-left:1px solid #87a137;
    background:#b0c61f;
    background:-moz-linear-gradient(top,#b8ca3e 0%,#b0c61f 100%);/* FF3.6+ */
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#b8ca3e),color-stop(100%,#b0c61f));/* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,#b8ca3e 0%,#b0c61f 100%);/* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,#b8ca3e 0%,#b0c61f 100%);/* Opera 11.10+ */
    background:-ms-linear-gradient(top,#b8ca3e 0%,#b0c61f 100%);/* IE10+ */
    background:linear-gradient(to bottom,#b8ca3e 0%,#b0c61f 100%);/* W3C */
}
#main-basket.subscription-basket .subscription-details .orange{
    border-left:1px solid #c47600;
    background:#f89500;
    background:-moz-linear-gradient(top,#f89500 0%,#ef8200 100%);/* FF3.6+ */
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f89500),color-stop(100%,#ef8200));/* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,#f89500 0%,#ef8200 100%);/* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,#f89500 0%,#ef8200 100%);/* Opera 11.10+ */
    background:-ms-linear-gradient(top,#f89500 0%,#ef8200 100%);/* IE10+ */
    background:linear-gradient(to bottom,#f89500 0%,#ef8200 100%);/* W3C */
}
#main-basket.subscription-basket .subscription-details td.details{
    padding:10px;
    box-shadow:1px -1px 2px #c7c7c7 inset;
    -moz-box-shadow:1px -1px 2px #c7c7c7 inset;
    -webkit-box-shadow:1px -1px 2px #c7c7c7 inset;
    border-radius:0 0 0 4px;
    background:#f6f6f6;
}
#main-basket.subscription-basket .subscription-details td.price span{
    font-size:27px;
}
#main-basket.subscription-basket .subscription-details td.price span.help{
    font-size:11px;
    line-height:11px;
    text-transform:none;
    font-weight:normal;
    display:block;
    margin-top:12px;
}
#main-basket.subscription-basket .order_lines .price{
    font-family:'NovecentoMed',verdana,sans-serif;
    background:#eee;
    font-size:14px;
    text-align:right;
}
#main-basket.subscription-basket .order_lines .subtotal{
    font-family:'NovecentoMed',verdana,sans-serif;
    color:#2E95B6;
    font-size:16px;
}
#main-basket.subscription-basket .subscription-type-small-print-details{
    display:block;
    font-size:10px;
    line-height:10px;
    padding:14px 0 0 0;
    }

/* FAQ */

#faq-inner-page .faq-title{
    font-family:'NovecentoMed',verdana,sans-serif;
    text-align:center;
    color:#5FAAC1;
    font-size:35px;
    font-weight:normal;
    text-transform:uppercase;
    background-image:url(/img/redesign/marketing/bg-offer-title.png);
    background-position:50% 17px;
    background-repeat:no-repeat;
    margin:20px 0 2px 0;
}

#faq-inner-page .faq-title img{
    vertical-align:bottom;
    margin-right:10px;
}

#faq-inner-page .linkback{
    font-weight:bold;
    margin:20px 0;
}

#faq-inner-page #questionsWrapper{
    margin:0 -15px;
}

#faq-inner-page ul#questions li{
    padding:10px 20px;
    list-style:disc inside;
}

#faq-inner-page ul#questions li span.title{
    cursor:pointer;
}

#faq-inner-page ul#questions li.open span.title{
    color:#5FAAC1;
    font-weight:bold;
}

#faq-inner-page ul#questions li.open{
    box-shadow:0 0px 10px gray inset;
    -moz-box-shadow:0 0px 10px gray inset;
    -webkit-box-shadow:0 0px 10px gray inset;
    border-top:1px dotted #666;
    border-bottom:1px dotted #666;
    background:rgba(235,235,235,0.5);
}

#faq-inner-page ul#questions li div.content{
    padding:15px 0 0 0 ;
    font-weight:normal;
    color:black;
    display:inline-block;
    padding-left:12px;
}

#faq-inner-page .ask-question{
    font-family:'NovecentoMed',verdana,sans-serif;
    height:74px;
    width:676px;
    margin-top:30px;
    font-size:22px;
    text-transform:uppercase;
    background-image:url(/img/redesign/faq/bg_ask_question.png)
}

#faq-inner-page .ask-question span.reponse{
    float:left;
    color:#5FAAC1;
    width:440px;
    padding:28px 10px;
}
#faq-inner-page .ask-question a.question{
    float:right;
    padding:18px 0;
    color:white;
    width:210px;
    text-align:center;
}

h1.blogs{
    text-transform:uppercase;
    margin:0px 10px;
    font-family:'NovecentoMed',verdana,sans-serif;
    font-size:39px;
}

ul.blogs{
    margin-top:40px;
}

ul.blogs li{
    float:left;
    width:306px;
    height:300px;
    margin:0 10px;
}

ul.blogs h2{
    font-size:22px;
    font-family:'Novecento',verdana,sans-serif;
    line-height:1em;
    margin-bottom:9px;
}

ul.blogs h3.author{
    color:#777;
    font-size:1.3em;
    line-height:1em;
    margin-bottom:10px;
}

ul.blogs li img.thumb{
    width:310px;
    height:125px;
}

/* MAGAZINE LIST */
.bottomsb{padding-top:20px;}
.result-list{width:660px;}
.result-list .actu h2 a{
        color:black;
        text-decoration:none;
}
.result-list .actu h2 a img{margin-top:-3px;}
.result-list .actu h2{
        font-size:18px;
        line-height:19px;
}
.result-list .actu.first h2{
        font-size:28px;
        line-height:32px;
        font-weight:normal;
        font-variant:normal;
}
.result-list .actu{
        clear:left;
        padding:10px 0;
        border-bottom:1px dotted #A2A2A2;
        overflow:hidden;
}
.result-list .actu .date{
        display:block;
        color:#A2A2A2;
        font-size:11px;
        font-weight:normal;
        font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.result-list .actu .visuel{
        float:left;
        margin-right:10px;
}
.result-list .side_container{
        width:200px;
        float:right;
        padding-left:10px;
        border-left:1px solid #A2A2A2;
        margin-left:14px;
        margin-top:10px;
}
.search-results .alert{
        margin:20px auto;
        max-width:660px;
}

/* global splash modal (popin) */
#global-modal-promotion{
        width:1100px;
        margin-left:-550px;
        margin-top:-340px;
        max-height:650px;
}

#global-modal-promotion .close{
        margin-right:20px;
}

#global-modal-promotion .modal-body{
        max-height:650px;
}

/* social reading */
#social-reading .qbz_date{
    width:80px;
    padding-top:2px;
}

#social-reading h2{
    background:#5FABC3;

}
#social-reading h2 span.title{
     margin-right:8px;
     background:url(/img/icons/iconic/facebook16.gif) right center no-repeat;
}

#social-reading ul li a{
    float:left;
}

#social-reading ul li a:hover{
    text-decoration:underline;
}

#social-reading ul li .delete_reading{
    float:right;
    border:solid 1px white;
}

#social-reading ul li .delete_reading:hover{
    cursor:pointer;
    border:solid 1px #cdcdcd;
}

/* special offer history */
/* should be in account.css */
.account-offer-history th.small-cell,
.account-offer-history td.small-cell{
    width:60px;
}

/* wip - override before validation */
/* todo change in all the css classe */
/* right col test 300 px float right */
/* page home magazine */
/**/
#right-column #social-reading,
#right-column .charts-box,
#right-column .qbz_abstract_list,
#right-column .qbz_podcast_block,
#right-column .qbz_last_spip_articles_slide,
#right-column .qbz_last_spip_articles_compact_scrolled{
    width:300px;
    float:right;
}

#right-column.award-right-col .qbz_block_ad_banner{
    width:315px;
}

#right-column .qbz_block_ad_banner{
    float:right;
}

#right-column .qbz_block_spip{
    float:right;
}

#right-column .qbz_pager_carrousel.qbz_rubric_info .qbz_column_1{
    width:130px;
}

#right-column .qbz_pager_carrousel.qbz_rubric_info .qbz_column_2{
    width:140px;
    float:right;
}
#right-column .qbz_pager_carrousel.qbz_rubric_info{
    width:284px;
}
#right-column #fb-like-box-wrapper,
#right-column .qbz_block_html p a{
    float:right;
    text-align:left;
    width:300px;
    margin-bottom:10px;
}
#right-column .qbz_block_html > a,
#right-column .qbz_block_html > div{
    width:300px;
    float:right;
}
#right-column .qbz_press_selection_title{
    margin-left:20px;
}
#right-column .section-header h2{
    margin:0;
}
#right-column .qbz_product_abstract .qbz_product_abstract_column_02{
    width:220px;
}

#right-column .qbz_block_html a > img,
#right-column .qbz_block_static_image
{
    display:block;
    float:right;
    margin:5px 0px 15px 5px;
    -moz-box-shadow:0px 0px 5px #000;
    -webkit-box-shadow:0px 0px 5px #000;
    box-shadow:0px 0px 5px #000;
    margin:0 0 10px 0;
}

#right-column .qbz_block_magazine ul .qbz_details{
    width:180px;
}

#right-column .qbz_block_static_image .qbz_block_static_image_left{
    border:0;
    float:right;
        width:300px;
        height:130px;
    margin:0;
    padding:2px;
}

#right-column .qbz_block_unique_blog{
    float:right;
}
#right-column .qbz_block_multiple_blogs{
    float:right;
}
#right-column .charts-box{
    margin-bottom:15px;
}
#right-column .qbz_press_selection{
    float:right;
}
#right-column h2.col-right-title{
    width:300px;
    margin-bottom:0;
}
#right-column #qobuz_player_widget{
    float:right;
    margin:0;
}
#right-column .qbz_block_spip_article .item p,
#right-column .qbz_block_spip_article .item h3{
    width:300px;
}
#right-column .qbz_last_spip_articles_slide{
    margin-bottom:5px;
}
#right-column .qbz_block_static_image .qbz_block_static_image_left{
    margin:0 0 10px 0;
}
#right-column .charts-box{
    width:300px;
    float:right;
    margin-bottom:20px;
}
#right-column .weekly-playlist{
    width:300px;
    float:right;
    margin:10px 0;
    text-align:center;
}
#full-width-featuring-banner{
    float:left;
    width:972px;
    padding:12px;
    margin:0 0px 10px 0px;
    border:1px solid #CCC;
    border-radius:4px;
    background:-webkit-linear-gradient(top,rgba(229,229,229,1) 0%,rgba(205,205,205,1) 100%);
}
.first > .qbz_visual{
    max-width:300px;
}

#search-results-page #main-column{width:650px;margin:0 7px 0 15px;}
#search-results-page #left-column{width:300px;margin:0 0 0 15px;}

div#offers-details.row .wrapper{
    text-align:center;
    display:inline-block;
    width:100%;
}

div#offers-details.row .subscriptions-details{
    padding-top:0;
}

div#offers-details.row #offrez-qobuz{
    margin-bottom:40px;
}

div#offers-details.row .wrapper div.title{
    float:none;
    display:inline-block;
}

/* end of right col resizement */
/**/


/****** Account Credit Achat Page ******/
#lstCreditBuy table:nth-child(odd){
                background:#f0f0f0;
        }
        #lstCreditBuy .creditBuy .dropdown-menu{
                background:none;
                border:none;
                box-shadow:none;
                float:none;
                left:auto;
                margin:0;
                min-width:auto;
                padding:0;
                position:inherit;
                top:auto;
        }
        #lstCreditBuy .creditBuy .open > .dropdown-menu{
                display:table-row;
        }
        #lstCreditBuy .creditBuy .open .dropdown-toggle{
                border-bottom:1px dashed #e0e0e0;
                border-top:1px solid #aaa;
        }
        #lstCreditBuy .creditBuy .open .dropdown-menu{
                background:#fff;
                border-bottom:1px solid #aaa;
        }

        #lstCreditBuy .tblCreditBuy{
                width:100%
        }
                #lstCreditBuy .tblCreditBuy th{
                        background:#D9EDF7;
                        padding:5px;
                        text-align:left;
                }
                #lstCreditBuy .tblCreditBuy td{
                        padding:5px;
                }
                #lstCreditBuy .tblCreditBuy .dropdown-toggle td{
                        cursor:pointer;
                }
                #lstCreditBuy .dropdown-toggle .tblCreditBuy .code{
                        width:30%;
                }
                #lstCreditBuy .tblCreditBuy .initValue{
                        width:20%;
                }
                #lstCreditBuy .tblCreditBuy .leftValue{
                        width:20%;
                }
                #lstCreditBuy .tblCreditBuy .addDate{
                        width:15%;
                }
                #lstCreditBuy .tblCreditBuy .deadDate{
                        width:15%;
                }
        #lstCreditBuy table.lstOrderCredit{
                background:#fff;
                margin:0 0 0 4%;
                width:96%;
        }
                #lstCreditBuy .lstOrderCredit tr:nth-child(even){
                        background:#f0f0f0;
                }
                #lstCreditBuy .lstOrderCredit .orderNb{
                        width:70%;
                }
                #lstCreditBuy .lstOrderCredit .orderDate{
                        width:15%;
                }
                #lstCreditBuy .lstOrderCredit .orderValue{
                        width:15%;
                }

/** user credit basket **/
#user-credit-chooser{margin-left:10px;}
#user-credit-chooser li{line-height:20px;vertical-align:middle;}
#user-credit-chooser li label{padding:0 5px;margin:0;vertical-align:middle;}
#user-credit-choose span{vertical-align:middle;line-height:20px;padding-left:4px;}

/*** Webview Mode ***/
body.webview #header,
body.webview #subscription-banner,
body.webview #footer,
body.webview #header-submenu{
        display:none;
}
body.webview .container{
        width:auto;
}
body.webview #main{
        margin:0 20px;
        min-height:auto;
}
body.webview #full-column{
        display:block;
        float:none;
        margin:0;
        width:auto;
}
        body.webview .row .offset3{
                margin-left:0;
        }
        body.webview #full-column .span10{
                width:auto;
        }

.playlist-container{
        cursor:pointer;
        float:left;
        position:relative;
        width:150px;
}

.playlists .picture{
        cursor:pointer;
        height:150px;
        position:relative;
        width:150px;
}
        .playlists .picture img{
                bottom:0;
                left:0;
                position:absolute;
        }
                .playlists .picture img:nth-child(2){
                        bottom:0;
                        height:130px;
                        left:0;
                        width:130px;
                }
                .playlists .picture img:nth-child(3){
                        bottom:0;
                        height:110px;
                        left:40px;
                        width:110px;
                }
                .playlists .picture img:nth-child(4){
                        bottom:0;
                        height:90px;
                        right:0;
                        width:90px;
                }

.overflow2{
        overflow:hidden;
        height:36px;
        display:block;
}

        .overflow2:before{
            content:"";
            display:block;
            float:left;
            height:36px;
            width:5px;
        }

        .overflow2 > *:first-child{
                display:block;
                float:right;
                margin-left:-6px;
                width:100%;
        }

        .overflow2:after{
                box-sizing:content-box;
                -webkit-box-sizing:content-box;
                -moz-box-sizing:content-box;
                content:"\02026";
                display:block;
                float:right;
                left:100%;
                margin-left:-3em;
                padding-right:5px;
                position:relative;
                text-align:right;
                top:-18px;
                width:3em;
        }

.superblock-self-promo-container{
        display:block;
        margin-bottom:5px;
}        
        .superblock-self-promo-container:last-child{
                margin-bottom:0px;
        }    
/*** Landing Page ***/
#landing-page{
        width:996px;
}
        #landing-page .logo{
                background-repeat:no-repeat;
                padding:0;
                position:absolute;
        }
        #landing-page .illustration{
                background-repeat:no-repeat;
                background-position:center top;
                background-size:contain;
                display:none;
        }
        #landing-page .landing-col-1{
                background-repeat:no-repeat;
                background-position:center top;
                height:470px;
                position:relative;
        }

        #landing-page .title{
                position:absolute;
        }


        #landing-page .code{
                background:none repeat scroll 0 0 #dcdcdc;
                border-top:1px dashed #000;
                padding:10px;
        }
                #landing-page .title2{
                        font-size:18px;
                        font-weight:bold;
                }
                #landing-page .code form{
                        clear:both;
                }
                #landing-page .code form input{
                        display:block;
                        float:left;
                }
                #landing-page .code form input.code-input{
                        height:34px;
                        margin-right:2%;
                        width:53%;
                }
                #landing-page .code form input.code-submit{

                }
                #landing-page .information{
                        clear:both;
                        font-size:12px;
                        padding-top:10px;
                }


#right-column #qobuz_player_widget{
  float:right;
  margin:0;
  display: none;
}

/*** MODAL BOOTSTRAP ***/
body .modal-backdrop{
        z-index:45;
}

.popover-title {
    display:none;
}

/*** Add to bootstrap old version ***/
.btn-sm{
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.btn-xs{
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}


/*** CULTURA ***/
/* page inscription */
.logo-cultura img {
  width: 134px;
  height: 58px;
}


/*** LECLERC ***/
/* header */
.leclerc-layout header .container{
    max-width: 1024px;
    width: 100%;
    height: 100%;
}
.leclerc-layout .qbz-logo{
    background: url(/img/common/logo/partners/qbzxleclerc.png) no-repeat;
    display: block;
    float: left;
    height: 46px;
    margin-right:10px;
    padding-top: 9px;
    margin-right: 5px;
    margin-bottom: 0px;
    width: 282px;
}
/*.leclerc-layout .main-nav a{
    padding: 10px 15px;
}*/
.leclerc-layout .user-nav a#dropdown-button-login{
    /*
    display: inline-block;
    line-height: 50px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
    */
}

/* page inscription */
.user-signup-content .card_num-input {
    position:relative;
    margin-bottom: 0;
}
    .user-signup-content .card_num-input .picto-card_num {
        position: absolute;
        top: 9px;
        left: 5px;
        width: 35px;
        height: 23px;
        margin-right: 10px;
        z-index: 10;
        background: url(/img/common/logo/partners/leclerc_picto_carte.png) no-repeat;
    }
        .user-signup-content .card_num-input .picto-card_num:after {
            border-right:1px solid #ccc;
            content:" ";
            display:block;
            height:100%;
            width:40px;
        }
    .user-signup-content .card_num-input #user_card_num {
        border-color:#dbe3e5;
        box-sizing:border-box;
        height:40px;
        line-height:30px;
        padding-left:60px;
        position:relative;
        margin-bottom: 6px;
        width:100%;
    }
    .user-signup-content .card_num-input .help-block {
        margin-bottom: 0;
    }

.user-signup-content .card_link-input {
    margin-bottom: 20px;
}
    .user-signup-content .card_link-input a {
        display: block;
        float: right;
        width: 162px;
        height: 47px;
        background: url(/img/common/logo/partners/leclerc_btn_creation_carte.png) no-repeat;
    }
    .user-signup-content .card_link-input .help-block {
        margin: 0;
    }

.leclerc_entites_popin .modal-body {
    padding: 30px 40px;
}
    .leclerc_entites_popin .modal-body .close {
        right: -16px;
    }
    .leclerc_entites_popin .modal-body .modal-content h4 {
        margin-bottom: 20px;
    }
    .leclerc_entites_popin .modal-body .modal-content ul {
        display: inline-block;
    }
    .leclerc_entites_popin .modal-body .modal-content ul.leclerc_entites_liste1 {
        width: 250px;
    }
    .leclerc_entites_popin .modal-body .modal-content ul.leclerc_entites_liste2 {
        position: relative;
        top: -25px;
    }
        .leclerc_entites_popin .modal-body .modal-content ul li {
            line-height: 25px;
        }

/* page téléchargement */
.leclerc-layout #planAds {
    display: none;
}

/* page recherche */
.leclerc-layout .search-results .product .price-box .action .partner_offer {
    visibility: visible !important;
    margin: 15px 60px 0;
    padding: 0px 0 0 30px;
    display: block;
    height: 19px;
    color: #000000;
    font-size: 11px;
    background: url(/img/common/logo/partners/leclerc_picto_carte.png) no-repeat;
    width: 30px;
    font-weight: bold;
    background-size: 25px;
}

/* page album */
.leclerc-layout .album_partner_offer {
    visibility: visible !important;
    margin-top: 10px;
    padding: 4px 0 0 45px;
    display: block;
    height: 19px;
    font-size: 17px;
    color: #000000;
    background: url(/img/common/logo/partners/leclerc_picto_carte.png) no-repeat;
}