/*******************************************/
/*                                         */
/*        New CSS charte for Qobuz         */
/*                                         */
/*       CSS orient to objet (OOCSS)       */
/*                                         */
/*         Date Begin :04/01/2016          */
/*                                         */
/*******************************************/

/*******************************************/
/*** TYPO TO UPLOAD ***/
/*******************************************/

@font-face{
    font-family:'HK Grotesk';
    src: url('/font/HKGrotesk-Regular.woff') format('woff'),
    url('/font/HKGrotesk-Regular.woff2') format('woff2'),
    url('/font/HKGrotesk-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'HK Grotesk';
    src: url('/font/HKGrotesk-Bold.woff') format('woff'),
    url('/font/HKGrotesk-Bold.woff2') format('woff2'),
    url('/font/HKGrotesk-Bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal;
}
@font-face{
    font-family:'HK Grotesk';
    src: url('/font/HKGrotesk-Medium.woff') format('woff'),
    url('/font/HKGrotesk-Medium.woff2') format('woff2'),
    url('/font/HKGrotesk-Medium.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
}

@font-face{
    font-family:'HK Grotesk';
    src: url('/font/HKGrotesk-Italic.woff') format('woff'),
    url('/font/HKGrotesk-Italic.woff2') format('woff2'),
    url('/font/HKGrotesk-Italic.ttf') format('truetype');
    font-weight:normal;
    font-style:italic;
}

@font-face{
    font-family:'AvenirBlack';
    src:url('/font/Avenir-Black.eot');
    src:url('/font/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('/font/Avenir-Black.woff') format('woff'),
        url('/font/Avenir-Black.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'AvenirMedium';
    src:url('/font/Avenir-Medium.eot');
    src:url('/font/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('/font/Avenir-Medium.woff') format('woff'),
        url('/font/Avenir-Medium.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'AvenirLight';
    src:url('/font/Avenir-Light.eot');
    src:url('/font/Avenir-Light.eot?#iefix') format('embedded-opentype'),
        url('/font/Avenir-Light.woff') format('woff'),
        url('/font/Avenir-Light.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Baskerville';
    src:url('/font/LibreBaskerville-Regular.eot');
    src:url('/font/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'),
        url('/font/LibreBaskerville-Regular.woff') format('woff'),
        url('/font/LibreBaskerville-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'Rockwell';
    src:url('/font/Rockwell.eot');
    src:url('/font/Rockwell.eot?#iefix') format('embedded-opentype'),
        url('/font/Rockwell.woff') format('woff'),
        url('/font/Rockwell.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'RockwellBold';
    src:url('/font/Rockwell-Bold.eot');
    src:url('/font/Rockwell-Bold.eot?#iefix') format('embedded-opentype'),
        url('/font/Rockwell-Bold.woff') format('woff'),
        url('/font/Rockwell-Bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal;
}

/*******************************************/
/*** FONT FAMILY CLASS ***/
/*******************************************/
.ff0{font-family:AvenirMedium;}                 /* Default */
.ff1{font-family:AvenirLight;}
.ff2{font-family:AvenirBlack;}                  /* For Heavy Text only */
.ff3{font-family:Novecento;}
.ff4{font-family:NovecentoMed;}
.ff5{font-family:NovecentoBook;}
.ff6{font-family:NovecentoLight;}
.ff7{font-family:Baskerville;}
.ff8{font-family:Rockwell;}                     /* New Plans Page */
.ff9{font-family:RockwellBold;}                 /* New Plans Page */


/*******************************************/
/*** FONT SIZE CLASS ***/
/*******************************************/
.fs0{font-size:14px !important;line-height:22px !important;}           /* Default */
.fs1{font-size:10px !important;line-height:18px !important;}           /* Small information text */
.fs2{font-size:12px !important;line-height:20px !important;}           /* Information text */
.fs3{font-size:18px !important;line-height:26px !important;}           /* Secondary Title */
.fs4{font-size:24px !important;line-height:32px !important;}           /* Special size for price for example */
.fs5{font-size:36px !important;line-height:44px !important;}           /* Main Title */
.fs6{font-size:20px !important;}
.fs7{font-size:50px !important;}
.fs8{font-size:60px !important;}
.fs9{font-size:35px !important;}
.fs10{font-size:8px !important;}

/*******************************************/
/*** LINE HEIGHT ***/
/*******************************************/
.lhinit{line-height:initial !important;}
.lh14{line-height:14px !important;}
.lh16{line-height:16px !important;}
.lh18{line-height:18px !important;}
.lh20{line-height:20px !important;}
.lh22{line-height:22px !important;}
.lh26{line-height:26px !important;}
.lh30{line-height:30px !important;}
.lh60{line-height:60px !important;}

/*******************************************/
/*** TEXT COLOR ***/
/*******************************************/
.clr00{color:#333 !important;}                             /* Default Black */
.clr01{color:#fff !important;}                             /* White */
.clr02{color:#298fbf !important;}                          /* Blue Qobuz */
.clr03{color:#f1f1f1 !important;}                          /* Grey ultra light*/
.clr04{color:#d1d1d1 !important;}                          /* Grey light */
.clr05{color:#888 !important;}                             /* Grey medium */
.clr06{color:#666 !important;}                             /* Grey dark */
.clr07{color:#c5b78d !important;}                          /* Gold */


/*******************************************/
/*** BACKGROUND ***/
/*******************************************/
.bg1{background:#fff !important;}                          /* Default */
.bg2{background:#f1f1f1 !important;}                       /* Grey ultra light*/


/*******************************************/
/*** FONT & TEXTE STYLE ***/
/*******************************************/
.fbold{font-weight:bold;}
.fnobold{font-weight:normal;}                   /* Use to set weight to default for tag set to bold by default like H1, to remove after great reset css */
.fline{line-height:normal;}                     /* Use to set line height to default for tag set to xx(px) like P, to remove */
.tupper{text-transform:uppercase;}
.tcenter{text-align:center;}
.tright{text-align:right;}
.tleft{text-align:left;}
.tunder{text-decoration:underline;}
.titalic{font-style: italic;}
.tcap{text-transform: capitalize;}

.tjustify{text-align:justify;}
.tover{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tshadow-black{text-shadow:2px 2px rba(0,0,0,0.5);}


/*******************************************/
/*** LINKS ***/
/*******************************************/
a{color:#298fbf;outline:none;}
a:active{outline:none;}
a:focus{outline:none;}
a:hover{color:#298fbf;cursor:pointer;text-decoration:underline;}


/*******************************************/
/*** USEFULL ***/
/*******************************************/
.content-fluide{
    background-color:#FFF;
    box-sizing: border-box;
    margin:0 auto;
    padding:0 25px;
    width:1280px;
}
    @media screen and (min-width:1024px) and (max-width:1279px){
        .content-fluide{
            padding:0 20px;
            width:1024px;
        }
    }


/*******************************************/
/*** USEFULL ***/
/*******************************************/
.clear{clear:both;}
.clear-fix{display:block;}
.clear-fix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html .clear-fix{height:1%;}

.hidden{display:none !important;visibility:hidden;}

.float-right{float:right;}
.float-left{float:left;}

.visibleY{overflow-y:visible !important;}
.relative{position:relative;}
.over-bloc{overflow:hidden;}


/*******************************************/
/*** UI MESSAGE ***/
/*******************************************/
.msg-ui{
    background:#d9edf7;
    border:1px solid #bce8f1;
    color:#3a87ad;
    font-family:AvenirMedium;
    font-size:14px;
    line-height:22px;
    margin:0 0 30px;
    padding:15px;
}
    .msg-success{
        background:#def8db;
        border-color:#bfe6bb;
        color:#3c6436;
    }
    .msg-error{
        background:#f2dede;
        border-color:#eed3d7;
        color:#b94a48;
    }


/*******************************************/
/*** LISTE ***/
/*******************************************/
li.checkmark{
    margin-bottom:10px;
    padding-left:25px;
    position:relative;
}
li.checkmark:before{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -179px -237px;
    content:"";
    display:block;
    height:10px;
    left:0;
    position:absolute;
    top:5px;
    width:14px;
}


/*******************************************/
/*** UI PICTO ***/
/*******************************************/
.picto-user{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat 0 -87px;
    display:block;
    height:32px;
    width:32px;
}
.picto-user-large{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -355px -184px;
    display:inline-block;
    height:69px;
    width:68px;
}
.picto-logo-qbz{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -355px -255px;
    display:inline-block;
    height:67px;
    width:68px;
}
.picto-cart{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat 0 -48px;
    display:block;
    height:15px;
    width:18px;
}
.picto-arrow-down{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat 0 -81px;
    display:block;
    height:8px;
    width:8px;
}
.picto-search{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -19px -48px;
    border:none;
    border-radius:0;
    height:15px;
    margin-top:-2px;
    outline:none;
    width:16px;
}
.picto-reset{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat 0 -64px;
    border:none;
    border-radius:0;
    display:block;
    height:16px;
    outline:none;
    width:16px;
}
.picto-famille{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -245px -604px;
    display:inline-block;
    height:59px;
    width:91px;
}
.picto-code_pairing{
    background:url(/img/qr-code.png) no-repeat;
    background-size: cover;
    width: 20px;
}
.picto-login{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -100px -130px;
    display:block;
    height:18px;
    width:20px;
}
.picto-password{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -120px -130px;
    display:block;
    height:18px;
    width:20px;
}
.picto-email{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -140px -130px;
    display:block;
    height:19px;
    width:20px;
}
.picto-homme{
    background:url(/img/sprite/sprite-global-2015.png)no-repeat -240px -169px;
    display:block;
    height:17px;
    width:11px;
}
.picto-femme{
    background:url(/img/sprite/sprite-global-2015.png)no-repeat -240px -188px;
    display:block;
    height:14px;
    width:14px;
}
.picto-transgenre{
    background:url(/img/sprite/sprite-global-2015.png)no-repeat -240px -204px;
    display:block;
    height:20px;
    width:18px;
}
.picto-lock-small{
    background:url(/img/sprite/sprite-global-2015.png)no-repeat -66px -47px;
    display:inline-block;
    height:14px;
    width:11px;
}
.picto-validate{
    background:url(/img/sprite/sprite-global-2015.png)no-repeat -342px -79px;
    display:block;
    height:55px;
    width:60px;
}
.picto-hamburger{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -18px -64px;
    cursor:pointer;
    display:block;
    height:16px;
    width:20px;
}
.picto-musique-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat 0 -129px;
    display:block;
    height:20px;
    width:20px;
}
.picto-favorite-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -20px -129px;
    display:block;
    height:20px;
    width:20px;
}
.picto-code-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -40px -129px;
    display:block;
    height:20px;
    width:20px;
}
.picto-account-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -60px -129px;
    display:block;
    height:20px;
    width:20px;
}
.picto-logout-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -80px -129px;
    display:block;
    height:20px;
    width:20px;
}
.picto-facebook-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat 0 -150px;
    display:block;
    height:15px;
    width:17px;
}
.picto-twitter-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -17px -150px;
    display:block;
    height:15px;
    width:17px;
}
.picto-youtube-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -34px -150px;
    display:block;
    height:15px;
    width:17px;
}
.picto-instagram-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -66px -150px;
    display:block;
    height:15px;
    width:17px;
}
.picto-rss-xs{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -51px -150px;
    display:block;
    height:15px;
    width:17px;
}
.picto-newsletter-xl{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -143px -449px;
    display:block;
    height:66px;
    width:110px;
}
.picto-circle-arrow-right{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat -40px -64px;
    display:block;
    height:16px;
    width:16px;
}
.picto-down-arrow-white-xl{
    background:url(/img/sprite/sprite-global-2015.png) -112px -48px no-repeat;
    display:block;
    height:21px;
    width:38px;
}
.picto-left-arrow-white-xl{
    background:url(/img/sprite/sprite-global-2015.png) -45px -165px no-repeat;
    cursor:pointer;
    display:block;
    height:43px;
    width:43px;
}
    .picto-left-arrow-white-xl.disable{
        background-position:-135px -165px;
        cursor:default;
    }
.picto-right-arrow-white-xl{
    background:url(/img/sprite/sprite-global-2015.png) 0 -165px no-repeat;
    cursor:pointer;
    display:block;
    height:43px;
    width:43px;
}
    .picto-right-arrow-white-xl.disable{
        background-position:-90px -165px;
        cursor:default;
    }
.picto-up-arrow-white-xxs{
    background:url(/img/sprite/sprite-global-2015.png) -27px -81px no-repeat;
    display:inline-block;
    height:5px;
    width:8px;
}
.picto-down-arrow-white-xxs{
    background:url(/img/sprite/sprite-global-2015.png) -18px -81px no-repeat;
    display:inline-block;
    height:5px;
    width:8px;
}
.picto-apps{
    background:url(/img/sprite/sprite-global-2015.png) -187px 0 no-repeat;
    display:inline-block;
    height:58px;
    width:58px;
}
.picto-device{
    background:url(/img/sprite/sprite-global-2015.png) -65px -208px no-repeat;
    display:inline-block;
    height:54px;
    width:85px;
}
.picto-offer{
    background:url(/img/sprite/sprite-global-2015.png) 0 -208px no-repeat;
    display:inline-block;
    height:54px;
    width:64px;
}
.picto-plans-hifi-xl{
    background:url(/img/sprite/sprite-plans-option-2015.png) 0 0 no-repeat;
    display:inline-block;
    height:138px;
    width:501px;
}
.picto-plans-hifi-classique-xl{
    background:url(/img/sprite/sprite-plans-option-2015.png) 0 -139px no-repeat;
    display:inline-block;
    height:124px;
    width:401px;
}
.picto-plans-premium-xl{
    background:url(/img/sprite/sprite-plans-option-2015.png) -401px -139px no-repeat;
    display:inline-block;
    height:124px;
    width:199px;
}
.picto-logo-hi-res-grey{
    background:url(/img/sprite/sprite-global-2015.png) -277px -389px no-repeat;
    display:inline-block;
    height:76px;
    width:76px;
}
.picto-logo-hi-res-color-small{
    background:url(/img/sprite/sprite-global-2015.png) -277px -185px no-repeat;
    display:inline-block;
    height:76px;
    width:76px;
}
.picto-logo-hi-res-color{
    background:url(/img/sprite/sprite-global-2015.png) -227px -262px no-repeat;
    display:inline-block;
    height:126px;
    width:126px;
}
.picto-hifi-brand{
    background:url(/img/sprite/sprite-global-2015.png) 0 -516px no-repeat;
    display:inline-block;
    height:87px;
    width:335px;
}
.picto-edito{
    background:url(/img/sprite/sprite-global-2015.png) -179px -112px no-repeat;
    display:inline-block;
    height:52px;
    width:162px;
}
.picto-arrow-right-black{
    background:url(/img/sprite/sprite-global-2015.png) -179px -165px no-repeat;
    display:inline-block;
    height:24px;
    width:24px;
}
.picto-arrow-right-white{
    background:url(/img/sprite/sprite-global-2015.png) -179px -215px no-repeat;
    display:inline-block;
    height:21px;
    width:21px;
}
.picto-down-arrow-white-xs{
    background:url(/img/sprite/sprite-global-2015.png) -17px -120px no-repeat;
    cursor:pointer;
    display:block;
    height:8px;
    width:15px;
}
.picto-offer-xl{
    background:url(/img/sprite/sprite-global-2015.png) -250px 0 no-repeat;
    display:inline-block;
    height:79px;
    width:91px;
}
.picto-offer2-xl{
    background:url(/img/sprite/sprite-global-2015.png) -342px 0 no-repeat;
    display:inline-block;
    height:62px;
    width:75px;
}
.picto-landing-ct01{
    background:url(/img/sprite/sprite-landing-content.png) -92px -13px no-repeat;
    display:inline-block;
    height:76px;
    width:76px;
}
.picto-landing-ct02{
    background:url(/img/sprite/sprite-landing-content.png) -9px -106px no-repeat;
    display:inline-block;
    height:63px;
    width:241px;
}
.picto-landing-ct03{
    background:url(/img/sprite/sprite-landing-content.png) -49px -186px no-repeat;
    display:inline-block;
    height:52px;
    width:162px;
}
.picto-landing-ct04{
    background:url(/img/sprite/sprite-landing-content.png) -81px -263px no-repeat;
    display:inline-block;
    height:58px;
    width:98px;
}



/*******************************************/
/*** BOOTSTRAP DROPDOWN MENU ***/
/*******************************************/
.dropdown-arrow-up{
    background:url(/img/sprite/sprite-global-2015.png) no-repeat 0 -120px;
    display:block;
    height:8px;
    position:absolute;
    right:25px;
    top:-8px;
    width:15px;
}


/*******************************************/
/*                 HEADER                  */
/*******************************************/
header{
    background:#fff;
    position:relative;
    height: 102px;
}
    header .container{
        background:inherit !important;
        text-align: right;
	height: 100%;
    }
    header .container .btn-player,
    header .user-nav .picto-user{
        display: none;
    }
    .feature_download_music header,
    .feature_hifi_magazine header{
        height: 102px;
        margin:0 auto;
        max-width:1024px;
        width: 100%;
    }
    .qbz-logo,
    .qbz-logo-beta {
        background:url(/img/qobuz_logo_dark.png) no-repeat 0 0;
	    background-size: contain;	
	    display:block;
        float:left;
        height: 52px;
        margin: 35px 35px 0px 25px;
        width: 134px;
    }

    .qbz-logo-beta {
        background:url(/img/qobuz_logo_beta_dark.png) no-repeat 0 0;
        background-size: contain;	
        image-rendering: auto;
        width:222px;
    }


    /*** MAIN NAVIGATION ***/
    .main-nav{
        display:inline-block;
        font-family:AvenirBlack;
    }
        .main-nav li{
            height: 102px;
            float:left;
            position:relative;
        }
        .main-nav .selected{
            color:#298fbf;
        }
        /*
        .main-nav .sep-vertical:before,
        .main-nav .sep-vertical:after{
            background:#d5e4ea;
            content:" ";
            display:block;
            height:30px;
            position:absolute;
            top:18px;
            width:1px;
            z-index:1;
        }
        .main-nav .sep-vertical::before{
            left:-2px;
        }
        .main-nav .sep-vertical::after{
            right:-2px;
        }
        */
        .main-nav a{
            color:inherit;
            display:block;
            line-height:103px;
            padding:0 25px;
            text-transform: initial;
        }
            .main-nav a:hover{
                color:#298fbf;
                text-decoration:none;
            }


    /*** SECOND NAVIGATION ***/
    .second-nav{
        display: inline-block;
        float:none;
        font-family:AvenirMedium;
    }
        .btn-player{
            border-radius:10px;
            float:left;
            font-family:AvenirMedium;
            margin:19px 0 0;
            text-transform:uppercase;
        }
        .user-nav{
            height:102px;
            float:left;
            font-family:AvenirMedium;
            line-height:102px;
            margin:0 10px 0 25px;
        }
            .user-nav .picto-user{
                float:left;
                margin:7px 10px 0 0;
            }
            .user-nav a:hover{
                color:#333;
                text-decoration: none;
            }
        .user-menu,
        .cart-menu{
            display:none;
        }


    /*** SHOP BAR ***/
    .shop-bar{
        background:#eaf5f9;
        border-bottom:1px solid #d5e4ea;
        border-top:1px solid #f1f1f1;
        clear:both;
        height:36px;
        padding-top:10px;
    }
        .feature_download_music .shop-bar,
        .feature_hifi_magazine .shop-bar{
            margin:0 auto;
            width:1024px;
        }
        .shop-bar .container{
            background:transparent;
        }
        .shop-search,
        .shop-cart{
            float:right;
        }
        .shop-search{
            position:relative;
        }
            .shop-search .picto-reset{
                margin:0;
                padding:0;
                position:absolute;
                right:9px;
                top:6px;
                z-index:10;
            }
        .shop-cart{
            border-left:1px solid #d5e4ea;
            margin-left:18px;
            padding:0 0 1px 13px;
            width:80px;
        }
            .shop-cart .picto-cart{
                float:left;
                margin-top:7px;
            }
            .shop-cart .picto-arrow-down{
                float:left;
                margin-top:13px;
            }

        .cart-item-nb{
            float:left;
            margin:3px 5px 0;
            overflow:hidden;
            width:14px;
        }

        .search-input,
        input.search-input{
            background:#fff;
            border:none;
            border-radius:10px;
            font-size:12px;
            margin:-3px 0 0 5px;
            padding:7px 35px 6px 15px;
            width:300px;
        }
            .search-input::-webkit-input-placeholder{
               color:#333;
            }
            .search-input:-moz-placeholder{
               color:#333;
            }
            .search-input::-moz-placeholder{
               color:#333;
            }
            .search-input:-ms-input-placeholder{
               color:#333;
            }


        /*** CART MENU ***/
        .cart-menu{
            border-color:#d5e4ea;
            margin:20px 10px 0 0;
            padding:15px;
        }
            .cart-item-list{
                margin:10px -15px 0;
                width:400px;
            }
                .cart-item-list li{
                    border-bottom:1px solid #dcdcdc;
                    overflow:hidden;
                    padding:10px 15px 5px;
                    position:relative;
                }
                    .cart-item-list li:nth-child(even){
                        background:#f6f9fa;
                    }
                    .cart-item-list a{
                        display:block;
                    }
                        .cart-item-list li > a:hover{
                            background:none;
                        }
                    .cart-item-pic,
                    .cart-item-detail,
                    .cart-item-price,
                    .cart-item-remove{
                        float:left;
                    }
                    .cart-item-detail{
                        padding-right:10px;
                        width:180px;
                    }
                    .cart-item-album{
                        color:#333;
                        font-weight:bold;
                    }
                    .cart-item-artist{
                        color:#999;
                        text-transform:uppercase;
                    }
                    .cart-item-price{
                        font-size:16px;
                        font-weight:bold;
                        margin-top:17px;
                        text-align:right;
                        width:90px;
                    }
                    .cart-item-list .cart-item-pic{
                        margin:0 10px 0 0;
                        padding:0;
                    }
                    .cart-item-list .cart-item-remove{
                        height:16px;
                        padding:0;
                        position:absolute;
                        right:15px;
                        top:28px;
                        width:16px;
                    }
                    .cart-order-price{
                        font-size:14px;
                        font-weight:bold;
                        padding:25px 0 10px;
                        text-align:center;
                        text-transform:uppercase;
                    }
                        .cart-order-price span{
                            display:inline-block;
                            font-size:18px;
                            padding-left:10px;
                        }
                    .btn-finish-order{
                        display: block;
                        margin: 0 auto;
                        height: 30px;
                        line-height: 30px;
                        font-size: 16px;
                        font-weight: normal;
                        float: left;
                    }
                    .color-smr{
                        color:#a98f4f;
                        font-weight:bold;
                    }


    /*** DROPDOWN USER / CONNECT ***/
    .user-menu{
        border-color:#d5e4ea;
        padding:15px;
        width:310px;
    }
    .ttl-qbz-user,
    .tlt-qpz-fb{
        padding:0 0 5px;
        text-align:center;
    }

    .select-form{
        border-color:#dbe3e5;
        box-sizing:border-box;
        height:40px;
        line-height:30px;
        padding-left:10px;
        position:relative;
        width:60%;
    }

    .login-input,
    .code_pairing-input,
    .password-input,
    .email-input{
        position:relative;
    }
        .login-input input,
        .code_pairing-input input,
        .password-input input,
        .email-input input{
            border-color:#dbe3e5;
            box-sizing:border-box;
            height:40px;
            line-height:30px;
            padding-left:60px;
            position:relative;
            width:100%;
        }
    .login-input .picto-login,
    .code_pairing-input .picto-code_pairing,
    .password-input .picto-password,
    .email-input .picto-email{
        height:20px;
        left:15px;
        margin-right:10px;
        position:absolute;
        top:10px;
        z-index:10;
    }
        .login-input .picto-login:after,
        .code_pairing-input .picto-code_pairing:after,
        .password-input .picto-password:after,
        .email-input .picto-email:after{
            border-right:1px solid #ccc;
            content:" ";
            display:block;
            height:100%;
            width:30px;
        }
    .show-password{
        cursor:pointer;
        position:absolute;
        right:-40px;
        top:11px;
    }
    .stayconnected{
        float:left;
        line-height:normal;
        padding-top:5px;
    }
        .stayconnected input{
            margin:-2px 10px 0 0;
        }
        .signin-qbz-form .stayconnected{
            width:50%;
        }
    .method-qobuz .alternate-method-link{
        text-align:center;
    }
    .btn_login{
        float:right;
    }

    .btn-signin,
    .btn-fb{
        display:block;
        width:310px;
    }


    /*** USER CONNECTED ***/
    #user-info{

    }
        #user-info .avatar{
            border-radius:16px;
            float:left;
            height:33px;
            width:33px;
        }
        #user-info .user-login,
        #user-info .user-account{
            line-height:normal;
            margin:0 0 0 48px;
            padding:0;

        }
            #user-info .user-login span{
                font-weight:bold;
            }
        .user-menu-lnk{
            border-top:1px solid #d5e4ea;
            margin:15px -15px 0;
        }
        .user-menu-lnk li > a{
            border:1px solid transparent;
            border-width:1px 0;
            font-size:14px;
            line-height:48px;
            margin-bottom:-1px;
            padding-left:21px;
        }
            .user-menu-lnk li > a:hover{
                background:#f6f9fa;
                border-color:#d5e4ea;
                color:inherit;
            }
            .user-menu-lnk li:first-child > a:hover{
                border-top-color:transparent;
            }
            .user-menu-lnk li:last-child > a:hover{
                border-radius:0 0 5px 5px;
            }
            .picto-musique-xs,
            .picto-favorite-xs,
            .picto-code-xs,
            .picto-credit-xs,
            .picto-account-xs,
            .picto-logout-xs{
                float:left;
                margin-right:15px;
                margin-top:15px;
            }
    .user-nav .fb-login-button{
        line-height:0;
    }


    /*** HAMBURGER MENU ***/
    #ham-menu{
        display:none;
    }


/*******************************************/
/*                 FOOTER                  */
/*******************************************/

footer{
    background:#333;
    color:#fff;
    position:relative;
    z-index:44;
}
    footer a{
        color:#bbb;
    }
    footer .container{
        background:inherit;
    }
    .site-version{
        overflow:hidden;
        padding-top:40px;
        width:100%;
    }
        .site-version li{
            float:left;
            font-family:AvenirLight;
            line-height:31px;
            padding-right:15px;
        }
        .site-version li:last-child{
            border-left:1px solid #555;
            padding-left:15px;
        }
        .site-version .active{
            color:#fff;
            font-family:AvenirMedium;
        }
    .qbz-logo-bw{
        background:url(/img/sprite/sprite-global-2018.png) no-repeat -107px -668px;
        display:block;
        float:left;
        height:30px;
        width:120px;
    }
    .footer-lnk{
        border-bottom:1px solid #555;
        border-top:1px solid #555;
        clear:both;
        padding:15px 0;
        margin:15px 0;
        overflow:hidden;
    }
        .footer-lnk > ul{
            float:left;
            padding:0 0 0 2%;
        }
            .footer-lnk li{
                font-family:AvenirMedium;
                line-height:30px;
            }
            .paiment-logo .footer-lnk li{
                height:30px;
            }
            .footer-social li span{
                float:left;
                margin:8px 10px 0 0;
            }
            .footer-help{
                width:28%;
            }
            .footer-webplayer{
                margin-top:15px;
            }
            .footer-social{
                width:20%;
            }
            .footer-product{
                width:20%;
            }
            .footer-corporate{
                width:24%;
            }
    .country-language{
        align-items: center;
        display: table;
        display: -webkit-box;  
        display: -moz-box;    
        display: -ms-flexbox;  
        display: -webkit-flex; 
        display: flex;      
        font-family: AvenirMedium;
        justify-content: space-between;
        margin-bottom:15px;
        width:100%;
    }
        .country-language > span{
            padding-left:15px;
        }
    .footer-address{
        width:240px;
    }
    .legal-mention{
        font-family:AvenirMedium;
        margin-bottom:15px;
        text-align:left;
        width:50%;
    }
    .paiment-logo li{
        float:left;
        margin-right:5px;
    }
        .paiment-logo li:last-child{
            margin-right:0;
        }
    .legal-mention a{
        margin-left:20px;
    }

    /*** Dropdown country shop ***/
    #country-shop .btn{
        background:#555;
        border:none;
        box-shadow:none;
        color:#fff;
        text-shadow:none;
    }
    #country-shop .dropdown-menu{
        background:#555;
        color:#fff;
    }
    #country-shop .caret{
        margin-left:5px;
    }

#newsletter-subscribe{
    background:#1e8fba;
    border-top:1px solid #1e8fba;
    color:#fff;
    font-family:AvenirLight;
    height:145px;
}
    #newsletter-subscribe .container{
        height:146px;
        margin-top:-1px;
    }
    #newsletter-subscribe a{
        color:#fff;
        float:left;
        font-family:AvenirMedium;
        font-size:20px;
        text-align:right;
    }
    #newsletter-subscribe .container{
        background:inherit;
    }
    #newsletter-subscribe .content-left{
        float:left;
        font-size:16px;
        padding-right:24px;
        width:790px;
    }
    #newsletter-subscribe .content-title{
        display:block;
        font-size:32px;
        margin:30px 0 20px;
    }
    #newsletter-subscribe .content-right{
        float:left;
        margin-top:20px;
        opacity:0.8;
        width:210px;
    }
        #newsletter-subscribe .content-right:hover{
            opacity:1;
        }
        #newsletter-subscribe .content-right:hover a{
            text-decoration:underline;
        }
        #newsletter-subscribe .picto-newsletter-xl{
            margin:0 0 10px 45px;
        }
        #newsletter-subscribe .picto-circle-arrow-right{
            float:right;
            margin-left:10px;
            margin-top:3px;
        }

        /*** New HomePage ***/
        .welcome{
            height:600px;
            position:relative;
            min-width:1024px;
            background-size:cover !important;
        }
        .welcome:before{
            background-image:linear-gradient(to right, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0) 50%);
            bottom:0;
            content:"";
            left:0;
            position:absolute;
            right:0;
            top:0;
            z-index:10;
        }

        .welcome-desc{
            color:#fff;
            left:60px;
            position:absolute;
            text-shadow:0 0 80px #000;
            top:50px;
            width:480px;
            z-index:20;
        }
            .welcome-desc h1{
                font-size:33px;
                font-weight:normal;
                margin-bottom:30px;
            }
            .welcome-desc p{
                font-size:23px;
                line-height:30px;
                margin-bottom:20px;
            }
            .welcome-desc small{
                display:block;
                font-size:16px;
                margin-top:40px;
            }
                .welcome-desc small sup{
                    font-size:12px;
                }
            .lnk-offer{
                border-radius:20px;
                color:#167dae;
                font-family:AvenirBlack;
                font-size:17px;
                line-height:30px;
                margin-top:15px;
                padding:10px 36px;
                text-transform:none;
            }
    #copyright{
        bottom:10px;
        color:#fff;
        margin:0;
        padding:0;
        opacity:0.5;
        position:absolute;
        right:20px;
        text-shadow:2px 2px rgba(0,0,0,0.5);
    }

    .service{
        background:#fafafa;
        border:1px solid #ececec;
        margin:20px 10px 25px;
        overflow:hidden;
        min-width:1002px;
    }
        .service li{
            float:left;
            font-family:AvenirLight;
            font-size:14px;
            margin:0 3%;
            padding:2%;
            text-align:center;
            width:27%;
        }
        .service li:first-child{
            margin:0;
        }
        .service li:last-child{
            margin:0;
        }
        .service small{
            display:block;
            font-size:10px;
            line-height:normal;
            margin-bottom:10px;
            margin-top:15px;
        }
        .service-title{
            font-family:AvenirBlack;
            font-size:14px;
            text-transform:uppercase;
        }
        .service .picto-logo-hi-res-grey{
            margin-bottom:20px;
        }
        .service .picto-hifi-brand{
            margin-bottom:9px;
        }
        .service .picto-edito{
            margin-bottom:25px;
            margin-top:18px;
        }
    .discover-qobuz{
        color:#333;
        display:block;
        font-family:AvenirMedium;
        font-size:26px;
        margin-bottom:40px;
        text-align:center;
        text-decoration:underline;
    }
    .discover-qobuz .picto-arrow-right-black{
        margin-left:20px;
        position:relative;
        top:5px;
    }
    .go-to-shop{
        background:url(/img/background/background-004-bis.jpg) repeat-x;
        height:395px;
        overflow:hidden;
        min-width:1024px;
    }
        .go-to-shop li{
            color:#fff;
            float:left;
            font-family:AvenirLight;
            font-size:18px;
            line-height:normal;
            padding:0 2%;
            text-align:center;
            width:29%;
        }
        .shop-link .picto-logo-hi-res-color{
            box-shadow:0 0 60px #000;
            display:block;
            margin:90px auto 20px;
        }
        .shop-link a{
            background:#f9d660; /* Old browsers */
            background:-moz-linear-gradient(top,  #ffe983 0%, #e7a202 100%); /* FF3.6+ */
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe983), color-stop(100%,#e7a202)); /* Chrome,Safari4+ */
            background:-webkit-linear-gradient(top,  #ffe983 0%,#e7a202 100%); /* Chrome10+,Safari5.1+ */
            background:-o-linear-gradient(top,  #ffe983 0%,#e7a202 100%); /* Opera 11.10+ */
            background:-ms-linear-gradient(top,  #ffe983 0%,#e7a202 100%); /* IE10+ */
            background:linear-gradient(to bottom,  #ffe983 0%,#e7a202 100%); /* W3C */
            border:none;
            border-radius:20px;
            box-shadow:0 0 60px #000;
            font-family:AvenirBlack;
            font-size:22px;
            padding:15px 30px;
            text-transform:none;
        }
        .shop-link a:hover{
            background:#e7a202; /* Old browsers */
            background:-moz-linear-gradient(top,  #ffe983 0%, #e7a202 100%); /* FF3.6+ */
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe983), color-stop(100%,#e7a202)); /* Chrome,Safari4+ */
            background:-webkit-linear-gradient(top,  #ffe983 0%,#e7a202 100%); /* Chrome10+,Safari5.1+ */
            background:-o-linear-gradient(top,  #ffe983 0%,#e7a202 100%); /* Opera 11.10+ */
            background:-ms-linear-gradient(top,  #ffe983 0%,#e7a202 100%); /* IE10+ */
            background:linear-gradient(to bottom,  #ffe983 0%,#e7a202 100%); /* W3C */
        }
        .shop-title{
            font-size:28px;
            line-height:40px;
            margin-bottom:15px;
        }
        .shop-desc{
            font-size:15px;
        }
        .download-content,
        .hi-res-content{
            line-height:normal;
            margin-top:110px;
            text-shadow:0 0 70px #000;
        }

#about-qbz h2{
    font-family:AvenirMedium;
    font-size:50px;
    line-height:50px;
    padding:50px 0 30px;
}
#about-qbz p{
    font-family:AvenirMedium;
    font-size:16px;
    line-height:30px;
}
    .about-header{
        background:url(/img/background/background-001.jpg) no-repeat center top;
        color:#fff;
        height:540px;
        text-align:center;
    }
        .about-header p{
            font-family:AvenirMedium;
            font-size:14px;
            padding-top:400px;
            text-transform:uppercase;
        }
        .about-header h1{
            font-family:AvenirLight;
            font-size:50px;
        }
        .about-1{
            background:#fff;
            padding-bottom:100px;
        }
            .about-1 .container{
                padding:0 12px;
                width:1000px
            }
        .about-2{
            background:#f6f9fa;
            border-bottom:1px solid #eaeaea;
            padding:40px 0;
        }
            .about-2 .container{
                background:inherit;
                padding:0 12px;
                width:1000px
            }
            .about-2 .lnkPlans{
                padding-top:20px;
            }
            .about-2 .lnkPlans a{
                text-decoration:underline;
            }
            .about-2 a.blue-arrow-right{
                position:relative;
                top:5px;
            }
            .about-2 img{
                float:right;
                margin:0 10px 0 60px;
            }
        .about-3{
            background:#fff;
            padding:30px 0 60px;
        }
            .about-3 p{
                float:left;
                padding:0 4%;
                width:27%;
            }
            .about-3 p:first-child{
                padding:0;
                margin-left:-2%;
            }
            .about-3 p:last-child{
                padding:0;
                margin-right:-2%;
            }
        .about-4{
            background:#fff;
            padding:30px 0 60px;
        }
            .about-4 .container{
                border-top:1px solid #e5e5e5;
            }
            .about-4 img{
                float:right;
                margin:50px 10px 0 60px;
            }


/*******************************************/
/*               SOCIETY PAGE              */
/*******************************************/
#society-qbz h2{
    font-family:AvenirMedium;
    font-size:50px;
    line-height:50px;
    padding:50px 0 30px;
}
#society-qbz p{
    font-family:AvenirMedium;
    font-size:16px;
    line-height:30px;
}
    .society-header{
        background:url(/img/background/background-020.jpg) no-repeat center top;
        color:#fff;
        height:540px;
        text-align:center;
    }
        .society-header p{
            font-family:AvenirMedium;
            font-size:14px;
            padding-top:400px;
            text-transform:uppercase;
        }
        .society-header h1{
            font-family:AvenirLight;
            font-size:50px;
        }
        .society-1{
            background:#fff;
            padding-bottom:40px;
        }
            .society-1 .container{
                padding:0 12px;
                /*width:1000px*/
            }
    #map{
        height:500px;
        margin:0 auto;
        width:800px;
    }


/*******************************************/
/*             APPLICATION PAGE            */
/*******************************************/
.qbz-app-header{
    background:url(/img/application/fond-header-application.png) no-repeat;
    background-size:contain;
    height:265px;
    font-family:AvenirMedium;
    margin:40px auto 30px;
    padding:0 0 100px;
    position:relative;
    width:958px;
}
    .qbz-app-header p,
    .qbz-app-header h1{
        margin:0;
        text-align:center;
    }
    .qbz-app-header p{
        padding-top:285px;
        text-transform:uppercase;
    }
    .qbz-app-header h1{
        font:normal 50px AvenirLight;
        line-height:60px
    }

#applications-page .app-content{
    background:inherit;
    position:relative;
}
    .app-content-nav{
        border:1px solid #d5e4ea;
        position:absolute;
        left:0;
        width:200px;
    }
        .app-content-nav li{
            border-bottom:1px solid #d5e4ea;
            display:block;
            font-family:AvenirMedium;
            font-size:14px;
            position:relative;
            width:inherit;
        }
        .app-content-nav li:last-child{
            border:none;
        }
        .app-content-nav li.active{
            background:#fff;
            font-family:AvenirMedium;
            font-weight:bold;
        }
            .app-content-nav a{
                color:#999;
                display:block;
                height:60px;
                padding:0 17px 0 85px;
                text-decoration:none;
            }
            .app-content-nav .align-vertical{
                display:table-cell;
                height:inherit;
                vertical-align:middle;
            }
            .app-content-nav .active a{
                color:#333;
            }
            .app-content-nav .active:after{
                background:#349ac1;
                content:' ';
                display:block;
                height:60px;
                position:absolute;
                right:0;
                top:0;
                width:7px;
            }
            .picto-app{
                background:url(/img/sprite/sprite-picto-application.png)no-repeat;
                display:block;
                float:left;
                left:17px;
                position:absolute;
                top:13px;
                width:56px;
            }
                .picto-app-mobile{
                    background-position:0px 0px;
                    height:36px;
                }
                    .active .picto-app-mobile{
                        background-position:-56px 0px;
                    }
                .picto-app-desktop{
                    background-position:0 -37px;
                    height:28px;
                }
                    .active .picto-app-desktop{
                        background-position:-56px -37px;
                    }
                .picto-app-hifi{
                    background-position:0 -66px;
                    height:34px;
                }
                    .active .picto-app-hifi{
                        background-position:-56px -66px;
                    }
                .picto-app-audio{
                    background-position:0 -101px;
                    height:34px;
                }
                    .active .picto-app-audio{
                        background-position:-56px -101px;
                    }
    .app-content-bloc{
        margin-bottom:130px;
        margin-left:255px;
    }
        .app-content-bloc h2{
            font-family:AvenirMedium;
            font-size:30px;
            margin-bottom:15px;
        }
    .illust-app-mobile{
        background:url(/img/application/illust-app-mobile-2007.png)no-repeat;
        display:block;
        float:right;
        height:242px;
        margin-bottom:50px;
        margin-left:20px;
        width:286px;
    }
    .illust-app-desktop{
        background:url(/img/application/illust-app-desktop.png)no-repeat;
        background-size: contain;
        display:block;
        float:left;
        height:246px;
        margin:0 20px 100px 15px;
        width:323px;
    }
    .illust-app-laptop{
        background:url(/img/application/illust-app-laptop.png)no-repeat;
        background-size: contain;
        display:block;
        float:left;
        height:177px;
        margin-bottom:80px;
        margin-right:20px;
        width:339px;
    }
    .illust-app-hifi{
        background:url(/img/application/illust-app-hifi.png)no-repeat;
        background-size: contain;
        display:block;
        float:right;
        height:202px;
        margin:55px 0 20px 20px;
        width:336px;
    }
    .illust-app-audio{
        background:url(/img/application/illust-app-audio.png)no-repeat;
        background-size: contain;
        display:block;
        float:left;
        height:239px;
        margin:0 20px 100px 0;
        width:315px;
    }
    .app-sep{
        border-bottom:1px solid #d4e2e7;
        clear:both;
        margin-bottom:30px;
        padding-top:30px;
        width:100%;
    }
    .app-block{
        background:#fff;
        border:1px solid #d5e4ea;
        font-family:AvenirMedium;
        font-size:16px;
        padding:60px 35px;
        margin-bottom:20px;
        overflow:hidden;
    }
    .app-block p{
        color:#999;
        font-family:AvenirLight;
        font-size:16px;
        margin-bottom:30px;
        text-align:justify;
    }
    .item-app{
        border:1px solid #dfdfdf;
        border-radius:30px;
        float:left;
        font-family:AvenirMedium;
        font-size:11px;
        margin:0 20px 15px 0;
        position:relative;
        width:158px;
    }
        .item-app a{
            color:#333;
            display:table-cell;
            height:44px;
            padding:0 25px 0 53px;
            vertical-align:middle;
            text-decoration:none;
        }
        .item-app .store-name{
            font-family:AvenirMedium;
            font-size:14px;
            font-weight:bold;
        }
    .item-app-picto{
        background:url(/img/sprite/sprite-store.png)no-repeat 0 0;
        display:block;
        left:10px;
        position:absolute;
        top:8px;
        width:34px;
    }
        .picto-shop-apple{
            height:28px;
        }
        .picto-shop-android{
            background-position:0 -56px;
            height:26px;
        }
        .picto-shop-windows{
            background-position:0 -29px;
            height:26px;
        }
        .picto-shop-amazon-kindle{
            background-position:0 -83px;
            height:22px;
        }
    #applications-page .btn{
        border:none;
        border-radius:15px;
        font-family:AvenirMedium;
        font-size:16px;
        height:40px;
        line-height:40px;
        padding:0 30px;
    }
    .desktop-other-version{
        font-size:12px;
        margin:10px 0 0 373px;
    }
    p.lst-title-app-hifi{ /* p to force css apply */
        clear:both;
        color:#1e8fba;
        font-family:AvenirMedium;
        font-size:18px;
        margin-top:20px;
    }
    #app-hifi .lst-hi-res{
        margin:0 -30px 0 0;
        overflow:hidden;
    }
        #app-hifi .lst-hi-res li{
            float:left;
            margin-right:30px;
        }
    #app-hifi .lst-lossless{
        margin:0 -30px 0 0;
        overflow:hidden;
    }
        #app-hifi .lst-lossless li{
            float:left;
            margin-right:30px;
        }
    .logo-hi-res{
        background:url(/img/application/logo-hi-res.png)no-repeat 0 0;
        display:block;
        float:left;
        height:38px;
        margin-right:10px;
        position:relative;
        top:-9px;
        width:38px;
    }
    p.app-audio-lnk{
        color:#1e8fba;
        font-family:AvenirMedium;
        font-size:18px;
    }
    p.app-info{
        font-size:12px;
    }


/*******************************************/
/*               OFFER QOBUZ               */
/*******************************************/
.offer-qbz .tlt-offer-qbz{
    color:#2291bb;
    font-size:14px;
    font-family:AvenirMedium;
    font-weight:bold;
    margin-top:20px;
    text-transform:uppercase;
}
.offer-qbz h1{
    border:none !important;
    font-family:AvenirMedium;
    font-size:37px;
    margin:10px 0 25px;
}
.offer-qbz .desc-offer-qbz{
    font-family:AvenirMedium;
    color:#888;
}
.offer-qbz-form-content{
    background:#fff;
    border:1px solid #d5e4ea;
    padding:30px 70px;
    margin:0 10px 40px;
    overflow:hidden;
}
    .offer-qbz-form-content .offer-qbz-form-tlt{
        color:#2593bc;
        font-family:AvenirMedium;
        margin-bottom:20px;
        text-transform:uppercase;
    }
    .offer-qbz-form-content .controls{
        margin:0;
        text-align:left;
    }
    .offer-qbz-form-content input[type="text"]{
        background:#f6f9fa;
        border:1px solid #d5e4ea;
        border-radius:10px;
        font:normal 16px AvenirMedium;
        height:40px;
        line-height:40px;
        padding:0 20px;
        width:90%;
    }
    .offer-qbz-form-content textarea{
        background:#f6f9fa;
        border:1px solid #d5e4ea;
        border-radius:10px;
        font:normal 16px AvenirMedium;
        padding:10px 20px;
        width:90%;
    }
    .offer-qbz-form-content .control-group.error input,
    .offer-qbz-form-content .control-group.error textarea{
        background:#fbeaea;
    }
    .offer-qbz-form-content .offer-qbz-col1{
        float:left;
        margin-right:5%;
        width:45%;
    }
    .offer-qbz-form-content .offer-qbz-col2{
        float:left;
        margin-left:5%;
        width:45%;
    }
    #order_gift_notification_date{
        width:inherit;
    }
    .offer-qbz-picture-title{
        font-family:AvenirMedium;
        font-size:13px;
        text-align:left;
    }
    .offer-qbz-preview-lnk{
        clear:both;
        color:#2593bc;
        display:block;
        font:normal 16px AvenirMedium;
        text-decoration:underline;
    }


    /* NEW BLOC PAYMENT */
    .qbz-payment{
        position:relative;
    }
        .qbz-payment h2,
        .qbz-payment .payment-method-chooser .payment-provider-chooser ul li a strong{
            display:none;
        }
        .qbz-payment .payment-method-chooser .payment-provider-chooser ul li a span.hidden{
            /*
            bottom:10px;
            display:block !important;
            left:45%;
            position:absolute;
            visibility:visible;
            */
        }
        .qbz-payment .payment-method-chooser .payment-provider-chooser ul{
            border:none;
            clear:both;
            float:none;
            height:auto !important;
            margin:0;
        }
            .qbz-payment .payment-method-chooser .payment-provider-chooser ul li{
                border:1px solid #d5e4ea;
                border-bottom:none;
                float:left;
                margin-left:-1px;
                position:relative;
                width:125px;
            }
            .qbz-payment .payment-method-chooser .payment-provider-chooser ul li a{
                background:#f6f9fa;
                border:none;
                height:79px;
                line-height:normal;
                margin:0;
                padding:10px;
            }
                .qbz-payment .payment-method-chooser .payment-provider-chooser ul li a img{
                    height:auto;
                    margin-top:10px;
                    width:100%;
                }
            .qbz-payment .payment-method-chooser .payment-provider-chooser ul li.active a{
                background:#fff;
            }
            .qbz-payment .payment-method-chooser .payment-provider-chooser ul li.active a:hover{
                background:#fff;
                border:none;
            }
        .qbz-payment .payment-method-chooser .tab-content{
            background:#fff;
            border:1px solid #d5e4ea;
            height:auto !important;
            font:normal 14px AvenirMedium;
            margin-bottom:0;
            margin-left:-1px;
            padding:20px 40px 60px;
        }
            .qbz-payment .payment-method-chooser .tab-content .tab-pane{
                padding:0;
            }
            .qbz-payment .payment-method-chooser .tab-content h3{
                font:normal 21px AvenirMedium;
                margin-bottom:15px;
            }
        .offer-qbz-total{
            background:#fff;
            border:1px solid #d4e2e7;
            bottom:20px;
            font:bold 14px AvenirMedium;
            padding:65px 0 95px;
            position:absolute;
            text-align:center;
            text-transform:uppercase;
            width:inherit;
            z-index:1;
        }
        .offer-qbz-total-value{
            color:#2291bb;
            font:bold 24px AvenirMedium;
        }

        .qbz-payment .payment-method-chooser .alert{
            background:none;
            border:none;
            color:#888;
            font-family:AvenirMedium;
            margin:0;
            padding:0;
            text-shadow:none;
        }
            .qbz-payment .payment-method-chooser .pay-button-info{
                bottom:40px;
                left:40px;
                position:absolute;
                width:580px;
            }
            #confirm-subscription .qbz-payment .payment-method-chooser .pay-button-info{
                bottom:20px;
            }
        .qbz-payment .pay-button{
            bottom:90px;
            color:#fff;
            background-color:#309bbe;
            background-image:-moz-linear-gradient(top, #46aac3, #1e8eba);
            background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#46aac3), to(#1e8eba));
            background-image:-webkit-linear-gradient(top, #46aac3, #1e8eba);
            background-image:-o-linear-gradient(top, #46aac3, #1e8eba);
            background-image:linear-gradient(to bottom, #46aac3, #1e8eba);
            background-repeat:repeat-x;
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
            border-color:#46aac3 #339dbf #1e8eba;
            border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            *background-color:#309bbe;
            border-radius:15px;
            margin-right:40px;
            padding:10px;
            position:absolute;
            right:-347px;
            text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
            width:240px;
            z-index:2;
        }
            .qbz-payment .pay-button .icon-arrow-right{
                display:none;
            }
        .gift-basket .qbz-payment .pay-button{
            bottom:70px;
        }
        .qbz-payment .well-small{
            padding:20px;
            position:relative !important;
        }
        .qbz-payment .last-payment{
            height:60px;
        }
        .qbz-payment .back-last-payment{
            box-shadow:none !important;
            text-align:center;
        }
        .qbz-payment .payment-provider-chooser{
            font:bold 14px AvenirMedium;
            margin:10px 0 0;
        }


/*******************************************/
/*          SUBSCRIPTION PAYMENT           */
/*******************************************/
    #confirm-subscription #main-column{
        padding-bottom:0;
    }
    #confirm-subscription .well{
        background:#fff none repeat scroll 0 0;
        border-color:#d5e4ea;
        bottom:0;
        margin-bottom:0;
        position:absolute;
        width:inherit;
        z-index:1;
    }
        #confirm-subscription .well thead{
            display:none;
        }
        #confirm-subscription .well td{
            font-family:AvenirMedium;
            font-size:14px;
            padding:20px;
        }
    #confirm-subscription .table td{
        border-color:#d5e4ea;
    }
    #confirm-subscription td:nth-child(1){
        padding-right:10px;
        vertical-align:middle;
        width:80%;
    }
    #confirm-subscription td:nth-child(2){
        font-size:18px;
        font-weight:bold;
        padding-left:10px;
        text-align:right;
        vertical-align:middle;
        width:20%;
    }
    #confirm-subscription .subtotal{
        height:80px;
        padding-top:30px;
        text-align:center;
    }
        #confirm-subscription .subtotal span:nth-child(1){
            font:bold 14px AvenirMedium;
            padding:40px 10px 0 0;
            text-transform:uppercase;
        }
        #confirm-subscription .subtotal span:nth-child(2){
            color:#208fba;
            font-size:24px;
            font-weight:bold;
            padding:40px 0 0;
        }
    #confirm-subscription .qbz-payment .pay-button{
        bottom:40px;
    }

    .qbz_offer_form .overlay_sample{
        bottom:48px;
        display:none;
        left:36px;
        z-index:20;
    }
    .qbz_offer_form .qbz_xmas:hover .overlay_sample{
        display:block;
    }
    .qbz_offer_form .qbz_xmas .qbz_check{
        left:45%;
    }
    .qbz_offer_form .qbz_xmas:hover label:before{
        background:rgba(0,0,0,0.5);
        border-radius:5px;
        content:" ";
        cursor:pointer;
        display:block;
        height:62px;
        left:0;
        position:absolute;
        top:0;
        width:99px;
        z-index:10;
    }
    .download-order-basket .offer-qbz-col1{
        float:left;
        width:40%;
    }
    .download-order-basket .offer-qbz-col2{
        float:left;
        margin-bottom:20px;
        width:60%;
    }
    .download-order-basket .form-horizontal .controls{
        margin-left:0;
    }
    .download-order-basket .qbz_offer_form{
        clear:both;
        border: 1px solid #d5e4ea;
        margin: 0;
        padding: 20px;
        border-top-width: 0;
    }
    .download-order-basket .offer-qbz-preview-lnk{
        text-align:center;
    }
    #main-basket.download-order-basket .alert{
        margin:0 0 20px;
        padding:5px 10px;
    }

    .offer-qbz-header{
        background:#1b1e3d url(/img/background/background-009.jpg) no-repeat center top;
        color:#fff;
        font-family:AvenirMedium;
        height:145px;
        padding:42px 0 53px;
        text-align:center;
    }
        .offer-qbz-header h1{
            font-size:33px;
            margin:15px 0;
        }
        .offer-qbz-header p{
            font-size:19px;
        }
    .offer-listen-music{
        padding:50px 0;
        text-align:center;
    }
        .offer-listen-music-desc{
            font-family:AvenirMedium;
            font-size:21px;
            line-height:normal;
            margin-bottom:50px;
        }
        .offer-qbz-tlt{
            font-family:AvenirLight;
            font-size:19px;
            line-height:normal;
        }
        .offer-qbz-label{
            color:#1e8fba;
            font-family:AvenirMedium;
            font-size:18px;
            font-weight:bold;
            line-height:normal;
            text-transform:uppercase;
        }
    .offer-download-music{
        padding:50px 0;
        text-align:center;
    }
        .offer-qbz-listen-list{
            margin:45px auto 0;
            width:940px;
        }
        .offer-qbz-listen-list li{
            float:left;
            margin-right:30px;
        }
        .offer-qbz-listen-list label{
            background:#ecf4f6;
            border:1px solid #d5e4ea;
            cursor:pointer;
            display:block;
            font-family:AvenirMedium;
            font-size:25px;
            font-weight:bold;
            height:122px;
            line-height:100px;
            position:relative;
            text-align:center;
            width:162px;
        }
            .offer-qbz-listen-list label.active{
                background:#fff;
            }
            .offer-qbz-listen-list input{
                bottom:15px;
                position:absolute;
                left:45%;
            }
        .offer-qbz-listen-list li:last-child{
            margin-right:0;
        }
         .offer-download-music .offer-qbz-recap{
            margin:0 auto;
            width:940px;
         }

    .offer-qbz-select{
        margin:0 auto;
        overflow:hidden;
        width:592px;
    }
        .offer-qbz-select .number-circle{
            margin-right:15px;
            position:relative;
            top:-5px;
        }
        .offer-qbz-select p{
            font-family:AvenirMedium;
            font-size:25px;
            margin:30px 0 20px;
        }
        .offer-qbz-recap .offer-qbz-note{
            border-bottom:1px solid #d4e2e7;
            clear:both;
            font-family:AvenirMedium;
            font-size:12px;
            margin-bottom:25px;
            padding:15px 0;
        }
        .offer-qbz-recap ul{
            margin:0 auto;
            width:592px;
        }
        .offer-qbz-recap li{
            border:1px solid #d5e4ea;
            float:left;
            font-family:AvenirMedium;
            font-weight:bold;
            height:60px;
            line-height:60px;
            text-align:center;
            text-transform:uppercase;
            width:294px;
        }
        .offer-qbz-recap li:last-child{
            background:#44a9c3;
            cursor:pointer;
            color:#fff;
            font-size:20px;
        }
        .offer-qbz-recap .price{
            color:#2291bb;
            display:inline-block;
            font-size:24px;
            padding-left:10px;
        }
        .offer-qbz-recap .picto-arrow-right-white{
            margin-left:20px;
            position:relative;
            top:3px;
        }
    .offer-qbz-choice,
    .offer-qbz-duration{
        float:left;
        width:250px;
    }
    .offer-qbz-choice{
        margin-right:45px;
    }
    .offer-qbz-duration{
        margin-left:45px;
    }
        .offer-qbz-choice label,
        .offer-qbz-duration label{
            background:#ecf4f6;
            border:1px solid #d5e4ea;
            cursor:pointer;
            float:none;
            font-size:16px;
            font-weight: bold;
            text-transform: uppercase;
            height:20px;
            line-height:20px;
            margin:-1px 0 0;
            padding:20px;
            text-align:left;
            width:210px;
        }
        .offer-qbz-choice label.active,
        .offer-qbz-duration label.active{
            background:#fff;
        }
        .offer-qbz-choice label input,
        .offer-qbz-duration label input{
            margin-right:20px;
            position:relative;
            top:-4px;
        }
    .offer-qbz-separator{
        border-top:1px solid #d4e2e7;
        height:1px;
    }
    .number-circle{
        background:#1e8fba;
        border-radius:40px;
        color:#fff;
        display:inline-block;
        font-family:AvenirMedium;
        font-size:14px;
        font-weight:bold;
        padding:5px 10px;
        text-align:center;
    }
    .offer-premium{
        font-family:AvenirMedium;
        font-size:16px;
        font-weight:bold;
        text-transform:uppercase;
    }
    .offer-hifi{
        font-family:AvenirMedium;
        font-size:16px;
        text-transform:uppercase;
    }
    .offer-sublime, .offer-sublime-plus{
        font-family:AvenirMedium;
        font-size:16px;
        font-weight:bold;
        text-transform:uppercase;
        font-style:italic;
    }
    .configure-newsletter-header{
        background:#edefef url(/img/background/background-011.jpg) no-repeat center top;
        color:#fff;
        display:table;
        width:100%;
    }
        .configure-newsletter-header div{
            display:table-cell;
            height:274px;
            padding:10px 0;
            text-align:center;
            vertical-align:middle;
        }
        .configure-newsletter-header h1{
            font-family:AvenirMedium;
            font-size:30px;
        }
        .configure-newsletter-header .picto-validate{
            margin:0 auto 20px;
        }
    .configure-newsletter{
        margin:50px auto 100px;
        width:600px;
    }
    .configure-newsletter h3{
        display:none;
    }
    .configure-newsletter .configure-tlt{
        color:#777;
        font-family:AvenirMedium;
        font-size:16px;
        margin-bottom:30px;
        text-align:center;
    }
    .configure-newsletter form{
        font-family:AvenirMedium;
        font-size:16px;
        margin:0 auto;
        position:relative;
        width:100%;
    }
    .configure-newsletter .form-actions{
        background:none;
        border:none;
        margin:0;
        overflow:hidden;
        padding:0;
    }
    .configure-newsletter .content-01{
        box-sizing:border-box;
        margin-bottom:50px;
        width:600px;
    }
    .configure-newsletter .form-actions .skip-step{
        font-family:AvenirMedium;
        position:absolute;
        right:0;
    }
    .configure-newsletter .form-actions .skip-step a{
        color:#333;
        text-decoration:underline;
    }
    .configure-newsletter .form-actions .skip-step a:after{
        content :'\00276f';
        display:inline-block;
        font-size:10px;
        padding-left:10px;
        position:relative;
        top:-1px;
    }
    .configure-newsletter .form-actions .btn-info{
        left:50%;
        margin-left:-105px !important;
        position:absolute;
        width:210px;
    }
    .configure-newsletter .specific-newsletter{
        margin-bottom:20px;
    }
    .configure-newsletter .specific-newsletter label{
        font-size:16px;
        padding-left:30px;
        position:relative;
    }
    .configure-newsletter .specific-newsletter input{
        font-size:16px;
        position:absolute;
        left:0;
        top:-2px;
    }
    .configure-newsletter .newsletter-left-col,
    .configure-newsletter .newsletter-right-col{
        box-sizing:border-box;
        width:50%;
    }
    .configure-newsletter .newsletter-left-col label,
    .configure-newsletter .newsletter-right-col label{
        font-size:16px;
        margin-bottom:15px;
        padding-left:30px;
        position:relative;
        width:100%;
    }
    .configure-newsletter .newsletter-left-col input,
    .configure-newsletter .newsletter-right-col input{
        font-size:16px;
        position:absolute;
        left:0;
        top:-2px;
    }

    .finalize-newsletter .content-01,
    .finalize-newsletter .content-02{
        overflow:hidden;
    }
    .finalize-newsletter .content-01{
        padding:0;
    }
    .finalize-newsletter .content-02{
        margin:40px auto;
        width:800px;
    }
        .finalize-newsletter .content-02 li{
            background:#fff;
            border:1px solid #d5e4ea;
            box-sizing:border-box;
            float:left;
            height:270px;
            margin-right:40px;
            padding:25px 40px;
            text-align:center;
            width:380px;
        }
        .finalize-newsletter .content-02 li:last-child{
            margin:0;
        }
        .configure-newsletter-header .picto-famille{
            margin:0 auto 20px;
        }
    .finalize-01{
        background:#fff url("/img/background/background-012.jpg") no-repeat right center;
        padding:60px 33% 40px 0;
        width:1024px;
    }
    .finalize-02{
        background:#fff url("/img/background/background-013.jpg") no-repeat right center;
        padding:60px 17% 40px 0;
        width:768px;
    }
    .content-subscribe-finalize{
        box-sizing:border-box;
        height:330px;
        margin:0 auto;
    }
        .content-subscribe-finalize h2{
            font-family:AvenirMedium;
            font-size:21px;
            line-height:25px;
            margin-bottom:35px;
        }
    .finalize-newsletter .content-desc{
        font-family:AvenirMedium;
        font-size:21px;
        line-height:25px;
        padding:20px 0;
    }


/*******************************************/
/*           AUDIO QUALITY PAGE            */
/*******************************************/
#audio-quality #section01{
        color:#fff;
        margin:0;
        padding:50px 0 100px;
    }
    #audio-quality #section02{
        background:#fff;
        margin:0;
        padding:200px 0 100px;
    }
    #audio-quality #section03{
        margin:0;
        padding:200px 0 100px;
    }
        #audio-quality #section03 .col-md-3{
            box-sizing:border-box;
            padding:0 20px;
         }
            #audio-quality #section03 .col-md-3:first-child{
                padding:0 15px 0 0;
            }
            #audio-quality #section03 .col-md-3:last-child{
                padding:0 0 0 15px;
            }
        #audio-quality #section03 .pct-circle{
            box-sizing:border-box;
            height:210px;
            margin:0 auto;
            padding:64px 0 0 0;
            width:210px;
         }
    #audio-quality #section04{
        background:#fff;
        margin:0;
        padding:200px 0 100px;
    }
    #audio-quality #section05{
        background:#edf2f4;
        margin:0;
        padding:50px 0 100px;
    }
    #audio-quality #section06{
        background:#fff;
        margin:0;
        padding:200px 0 60px;
    }

    /**** ASSET ****/
    #audio-quality .bt-white{
        border:2px solid #298fbf;
        border-radius:10px;
        box-sizing:border-box;
        cursor:pointer;
        color:#fff;
        display:inline-block;
        font-size:16px;
        height:46px;
        line-height:42px;
        padding:0 35px;
        text-align:center;
    }
        #audio-quality .bt-white:hover{
            color:#fff;
            text-decoration:none;
        }
    #audio-quality .bt-blue{
        background:#298fbf;
        border: 2px solid #298fbf;
        border-radius:10px;
        box-sizing:border-box;
        cursor:pointer;
        color:#fff;
        display:inline-block;
        font-size:16px;
        height:46px;
        line-height:42px;
        padding:0 20px;
        text-align:center;
    }
        #audio-quality .bt-blue:hover{
            text-decoration:none;
        }
    #audio-quality .blue-cloud{
        background:#000 url(/img/audio-quality/background-blue-cloud-large.png) no-repeat center top;
    }
    #audio-quality .bg-ondular{
        background:transparent url(/img/audio-quality/background-ondular.png) no-repeat center center;
        background-size:contain;
        display:block;
        height:442px;
        margin:0 auto;
        width:100%;
    }
    #audio-quality .pct{
        background:transparent url(/img/sprite/sprite-audio-quality.png) no-repeat;
        display:inline-block;
    }
        #audio-quality .pct-mp3{
            background-position:0 0px;
            height:126px;
            width:181px;
        }
        #audio-quality .pct-mp3-small{
            background-position:-183px 0;
            height:60px;
            width:87px;
        }
        #audio-quality .pct-vqcd{
            background-position:0 -126px;
            height:126px;
            width:181px;
        }
        #audio-quality .pct-vqcd-small{
            background-position:-183px -62px;
            height:60px;
            width:87px;
        }
        #audio-quality .pct-hires{
            background-position:0 -252px;
            height:126px;
            width:181px;
        }
        #audio-quality .pct-hires-small{
            background-position:-183px -124px;
            height:60px;
            position:relative;
            width:87px;
        }
            #audio-quality .pct-hires-small .logo-hires-small{
                bottom:0;
                position:absolute;
                right:0;
            }
        #audio-quality .pct-sound-signal{
            background-position:-386px 0;
            height:83px;
            width:121px;
        }
        #audio-quality .pct-streaming{
            background-position:-386px -163px;
            height:59px;
            width:134px;
        }
        #audio-quality .pct-download{
            background-position:-522px -163px;
            height:59px;
            width:34px;
        }
        #audio-quality .pct-equalizer{
            background-position:-509px 0;
            height:83px;
            width:76px;
        }
        #audio-quality .pct-audio-file{
            background-position:-672px 0;
            height:83px;
            width:75px;
        }
        #audio-quality .pct-logo-qobuz{
            background-position:-587px 0;
            height:83px;
            width:83px;
        }
        #audio-quality .pct-logo-qobuz-small{
            background-position:-485px -85px;
            height:61px;
            width:61px;
        }
        #audio-quality .pct-hifi{
            background-position:-749px 0;
            height:83px;
            width:59px;
        }
        #audio-quality .pct-dac{
            background-position:-558px -150px;
            height:62px;
            width:78px;
        }
        #audio-quality .pct-multiroom{
            background-position:-649px -85px;
            height:62px;
            width:93px;
        }
        #audio-quality .pct-ampli{
            background-position:-387px -227px;
            height:63px;
            width:173px;
        }
        #audio-quality .pct-enceinte{
            background-position:-638px -150px;
            height:76px;
            width:67px;
        }
        #audio-quality .pct-player{
            background-position:-548px -85px;
            height:63px;
            width:99px;
        }
        #audio-quality .pct-headset{
            background-position:-744px -86px;
            height:75px;
            width:46px;
        }
        #audio-quality .logo-hires{
            background-position:-386px -86px;
            height:60px;
            width:60px;
        }
        #audio-quality .logo-hires-small{
            background-position:-448px -85px;
            height:35px;
            width:35px;
        }
        #audio-quality .schema-1{
            background-position:-272px 0;
            height:184px;
            width:112px;
        }
        #audio-quality .schema-2{
            background-position:-272px -186px;
            height:184px;
            width:112px;
        }
    #audio-quality .pct-hires-logo span{
        position:relative;
    }
        #audio-quality .pct-hires-logo span span{
            bottom:1px;
            right:-27px;
            position:absolute;
        }
    #audio-quality .pct-circle{
        background:#e7e7e7;
        border-radius:50%;
        display:block;
        height:110px;
        margin-right:40px;
        padding:56px 46px 46px;
        text-align:center;
        width:120px;
    }
    #audio-quality .bg-blue-cloud{
        background:transparent url(/img/audio-quality/background-blue-cloud.png) no-repeat;
        background-size:cover;
    }
    #audio-quality .picture-smartphone-1{
        background:transparent url(/img/audio-quality/picture-smartphone.png) no-repeat 0 0;
        display:inline-block;
        height:565px;
        margin-top:160px;
        width:264px;
    }
    #audio-quality .picture-smartphone-2{
        background:transparent url(/img/audio-quality/picture-smartphone.png) no-repeat -287px 0;
        display:inline-block;
        height:565px;
        margin-top:160px;
        width:264px;
    }
    #audio-quality .audio-quality-content{
        max-width:850px;
        margin:0 auto;
    }
    #audio-quality .audio-quality-content-2{
        max-width:820px;
        margin:0 auto;
    }
    #audio-quality .audio-quality-content-3{
        max-width:970px;
        margin:0 auto;
    }
    #audio-quality .white-block{
        background:#fff;
        border-radius:115px;
        color:#333;
        height:210px;
        margin:80px auto 100px;
        padding:100px;
        width:800px;
    }

    #audio-quality .padding-0-15{
        padding:0 15px;
    }
    #audio-quality .row{
        overflow:hidden;
    }
        #audio-quality .col-md-4{
            float:left;
            width:33.33%;
        }
        #audio-quality .col-md-3{
            box-sizing:border-box;
            float:left;
            width:25%;
        }

    #audio-quality #section02 .row{
        max-width:1280px;
        margin:0 auto;
    }
    #audio-quality #section02 .col-md-3:nth-child(2){
        padding:0 10px;
    }
    #audio-quality #section02 .col-md-3:nth-child(3){
        padding:0 10px;
    }
    #audio-quality .lnk-blue{
        background:#0e8ccd; /* Old browsers */
        background:-moz-linear-gradient(top,  #0e8ccd 0%, #29cac8 100%); /* FF3.6-15 */
        background:-webkit-linear-gradient(top,  #0e8ccd 0%,#29cac8 100%); /* Chrome10-25,Safari5.1-6 */
        background:linear-gradient(to bottom,  #0e8ccd 0%,#29cac8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8ccd', endColorstr='#29cac8',GradientType=0 ); /* IE6-9 */
        border-radius:0 0 10px 10px;
        display:block;
        height:68px;
        line-height:68px;
        text-align:center;
    }
    #audio-quality #section02 .col-md-3 div.bg-blue-cloud{
        box-sizing:border-box;
        color:#fff;
        height:657px;
        overflow-y:hidden;
        padding:80px 10px 80px;
    }
    #audio-quality #section02 .sound-quality{
        display:table-cell;
        height:60px;
        vertical-align:middle;
    }
    #audio-quality .detail-download{
        padding-top:10px;
    }
        #audio-quality .detail-download li{
            list-style-type:disc;
            margin-left:20px
        }
#audio-quality .config-menu{
    border:1px solid #d1d1d1;
    border-radius:24px;
    box-sizing:border-box;
    overflow:hidden;
}
    #audio-quality .config-menu li{
        border-right:1px solid #d1d1d1;
        cursor:pointer;
        display:block;
        float:left;
        font-size:18px;
        height:48px;
        line-height:48px;
        text-align:center;
        width:33%;
    }
        #audio-quality .config-menu li a{
            display:block;
            color:#333;
            text-decoration:none;
        }
    #audio-quality .config-menu li:hover,
    #audio-quality .config-menu li:hover a{
        color:#298fbf;
    }
    #audio-quality .config-menu li:last-child{
        border:none;
    }
        #audio-quality .config-menu .active a{
            color:#298fbf;
        }

    #audio-quality .config-content{
        margin-top:100px;
    }
        #audio-quality .config-content > li{
            display:none;
        }
        #audio-quality .config-content .active{
            display:block;
        }
    #audio-quality .config-detail{
        overflow:hidden;
        margin:0 auto 70px;
    }
        #audio-quality .config-detail-simple{
            width:440px;
        }
        #audio-quality .config-detail-wireless{
            width:585px;
        }
        #audio-quality .config-detail-hires{
            width:620px;
        }
            #audio-quality .config-detail .config-detail-hires li{
                padding-top:13px;
            }
            #audio-quality .config-detail .config-detail-hires li:last-child{
                padding-top:none;
            }
        #audio-quality .config-detail li{
            display:block;
            float:left;
            padding:0 30px;
            text-align:center;
        }
    #audio-quality .config-flac{
        margin:0 auto;
        overflow:hidden;
        width:390px;
    }
        #audio-quality .config-flac li{
            display:block;
            float:left;
            padding:13px 30px 0;
            position:relative;
            text-align:center;
        }
            #audio-quality .config-flac li:last-child{
                padding-top:0;
            }
        #audio-quality .config-flac .txt-before{
            display:block;
            position:absolute;
            left:-10px;
            top:40px;
        }
    #audio-quality .list-glossaire{
        margin:0 auto;
        overflow:hidden;
        width:780px;
    }
        #audio-quality .list-glossaire li{
            box-sizing:border-box;
            color:#fff;
            float:left;
            height:740px;
            margin:0 10px;
            padding:50px 5px;
            text-align:center;
            width:358px;
        }
    #audio-quality .legence-yellow,
    #audio-quality .legence-orange{
        background:yellow;
        display:inline-block;
        height:10px;
        margin-right:10px;
        position:relative;
        top:1px;
        width:10px;
    }
    #audio-quality .legence-orange{
        background:orange;
    }
    #audio-quality .glossaire-desc{
        padding:0 50px;
    }
    #audio-quality .audio-format{
        list-style-type:none;
        margin:0 auto;
        padding:0;
        width:600px;
    }
        #audio-quality .audio-format > li{
            border:1px solid #d1d1d1;
            margin-bottom:5px;
            position:relative;
        }
            #audio-quality .audio-format .item-title{
                box-sizing:border-box;
                color:#298fbf;
                height:58px;
                line-height:58px;
                margin:0;
                padding:0 20px;
            }
            #audio-quality .audio-format .active .item-title{
                font-weight:bold;
            }
            #audio-quality .audio-format .item-more{
                color:#298fbf;
                cursor:pointer;
                font-weight:normal !important;
                position:absolute;
                right:15px;
                text-decoration:underline;
                top:0;
            }
            #audio-quality .audio-format .item-detail{
                border-top:1px solid #d1d1d1;
                display:none;
                padding:20px;
            }
                #audio-quality .audio-format .active .item-detail{
                    display:block;
                }
    @media screen and (max-width:1023px) {
        #audio-quality .audio-quality-content,
        #audio-quality .audio-quality-content-2,
        #audio-quality .audio-quality-content-3{
            max-width:100%;
        }
        #audio-quality .audio-quality-content p,
        #audio-quality .audio-quality-content-2 p,
        #audio-quality .audio-quality-content-3 p{
            padding:0 20px;
        }
        #audio-quality .audio-quality-content h1,
        #audio-quality .audio-quality-content-2 h1,
        #audio-quality .audio-quality-content-3 h1{
            line-height:initial;
        }
        #audio-quality .audio-quality-content h2,
        #audio-quality .audio-quality-content-2 h2,
        #audio-quality .audio-quality-content-3 h2{
            font-size:30px !important;
            line-height:initial !important;
        }
        #audio-quality .bt-blue,
        #audio-quality .bt-white{
            height:auto;
            line-height:initial;
            padding:10px;
        }
        #audio-quality .blue-cloud{
            background-size:cover;
        }
        #audio-quality .bg-ondular{
            background-position:center center;
            background-size:cover;
            height:170px;
            width:100%;
        }
        #audio-quality #section01 .white-block{
            border-radius:40px;
            height:auto;
            margin:80px 20px 100px;
            padding:20px;
            position:relative;
            width:auto;
        }
        #audio-quality #section01 .pct-circle{
            box-sizing:border-box;
            height:100px;
            float:none;
            margin:0 auto !important;
            padding:32px 0 0;
            width:100px;
        }
        #audio-quality #section01 .pct-sound-signal{
            background-position:-183px -186px;
            height:30px;
            width:44px;
        }
        #audio-quality #section01 .col-md-4{
            margin-top:60px;
        }
            #audio-quality #section01 .col-md-4:first-child{
                margin-top:0;
            }
        #audio-quality #section02{
            padding:50px 10px;
        }
        #audio-quality #section02 .col-md-3 div.bg-blue-cloud{
                height:560px;
                padding:30px;
        }
        #audio-quality #section02 .lnk-blue{
            box-sizing:border-box;
            height:68px;
            line-height:initial;
            margin-bottom:20px;
            padding-top:15px;
        }
        #audio-quality #section03{
            padding:50px 10px;
        }
            #audio-quality #section03 .col-md-3{
                margin-bottom:40px;
            }
            #audio-quality #section03 .col-md-3:first-child,
            #audio-quality #section03 .col-md-3:last-child{
                padding:0;
            }
            #audio-quality #section03 .pct-circle{
                height:160px;
                padding:38px 0 0 0;
                width:160px;
            }
        #audio-quality #section04{
            padding:50px 10px;
        }
        #audio-quality #section05{
            padding:50px 10px;
        }
        #audio-quality #section06{
            padding:50px 10px;
        }
        #audio-quality .col-md-4,
        #audio-quality .col-md-3{
            float:none;
            width:100%;
        }
        #audio-quality .col-md-3.tright,
        #audio-quality .col-md-3.tleft{
            display:none;
        }
        #audio-quality .config-menu li{
            float:none;
            width:100%;
        }
        #audio-quality .list-glossaire{
            width:100%;
        }
        #audio-quality .list-glossaire li{
            float:none;
            height:auto;
            margin:0 0 20px;
            padding:50px 5px 20px;
            width:100%;
        }
        #audio-quality .audio-format{
            margin:0;
            width:auto;
        }
            #audio-quality .audio-format .item-title{
                font-size:12px;
                padding:0 10px;
            }
            #audio-quality .audio-format .item-more{
                bottom:0;
                display:block;
                font-size:12px;
                left:0;
                right:0;
                text-indent:-9999px;
                top:0;
            }
            #audio-quality .audio-format .active .item-detail{
                padding:10px;
            }
                #audio-quality .audio-format .active .item-detail p{
                    padding:0;
                }
        #audio-quality .config-picture,
        #audio-quality .config-flac{
            width:100%;
        }
        #audio-quality .config-content{
            margin-top:20px;
        }
        #audio-quality .config-detail,
        #audio-quality .config-flac{
            display:none;
        }
        #audio-quality #section01 .maB100,
        #audio-quality #section02 .maB100,
        #audio-quality #section03 .maB100,
        #audio-quality #section04 .maB100,
        #audio-quality #section05 .maB100,
        #audio-quality #section06 .maB100{
            margin-bottom:50px !important;
        }
        #audio-quality #section01 .maB40,
        #audio-quality #section02 .maB40,
        #audio-quality #section03 .maB40,
        #audio-quality #section04 .maB40,
        #audio-quality #section05 .maB40,
        #audio-quality #section06 .maB40{
            margin-bottom:20px !important;
        }
        #audio-quality #section01 .maT100,
        #audio-quality #section02 .maT100,
        #audio-quality #section03 .maT100,
        #audio-quality #section04 .maT100,
        #audio-quality #section05 .maT100,
        #audio-quality #section06 .maT100{
            margin-top:50px !important;
        }
        #audio-quality #section01 .maT80,
        #audio-quality #section02 .maT80,
        #audio-quality #section03 .maT80,
        #audio-quality #section04 .maT80,
        #audio-quality #section05 .maT80,
        #audio-quality #section06 .maT80{
            margin-top:40px !important;
        }
        #audio-quality #section01 .maT50,
        #audio-quality #section02 .maT50,
        #audio-quality #section03 .maT50,
        #audio-quality #section04 .maT50,
        #audio-quality #section05 .maT50,
        #audio-quality #section06 .maT50{
            margin-top:25px !important;
        }
        #audio-quality #section01 .maT40,
        #audio-quality #section02 .maT40,
        #audio-quality #section03 .maT40,
        #audio-quality #section04 .maT40,
        #audio-quality #section05 .maT40,
        #audio-quality #section06 .maT40{
            margin-top:20px !important;
        }
    }


/*******************************************/
/*          PARTNER LANDING PAGE           */
/*******************************************/
.partner-landing-header{
    background:#298fbf url("/img/background/background-015.jpg") no-repeat center top;
    max-height:500px;
    margin:0;
    overflow:hidden;
    padding:0;
}
    .partner-landing-header.light{
        color:#fff;
    }
    .partner-landing-header.dark{
        color:#333;
    }
    .partner-landing-header > div{
        margin:0 auto;
        padding:20px 0;
        position:relative;
        width:1024px;
    }
        .partner-landing-header h1{
            font-size:45px;
            font-weight:bold;
            margin:40px 0 30px;
            text-shadow:1px 1px rgba(0,0,0,0.5);
        }
        .partner-landing-header.dark h1{
            text-shadow:1px 1px rgba(255,255,255,0.3);
        }
        .partner-landing-header .desc{
            margin-bottom:40px;
            max-height:160px;
            overflow:hidden;
            padding:0 170px;
            text-shadow:1px 1px rgba(0,0,0,0.5);
        }
        .partner-landing-header.dark .desc{
            text-shadow:1px 1px rgba(255,255,255,0.3);
        }
        .partner-landing-header form{
            margin:0 0 50px;
            overflow:hidden;
        }
            .partner-landing-header label{
                margin-bottom:20px;
            }
            .partner-landing-header .input-code{
                margin:0 auto;
                width:450px;
            }
            .partner-landing-header input[type="text"]{
                background:#000;
                background:rgba(0,0,0,0.3);
                border-color:#fff;
                border-radius:8px 0 0 8px;
                color:#fff;
                font-size:16px;
                float:left;
                padding:10px 34px;
                width:230px;
            }
                .partner-landing-header input[type="text"]:focus:required:invalid:focus{
                    border-color:#fff;
                    box-shadow:0 0 6px #fff;
                    color:#fff;
                }
                .partner-landing-header input[type="text"]::-webkit-input-placeholder{
                   color:#fff;
                }
                .partner-landing-header input[type="text"]:-moz-placeholder{
                   color:#fff;
                }
                .partner-landing-header input[type="text"]::-moz-placeholder{
                   color:#fff;
                }
                .partner-landing-header input[type="text"]:-ms-input-placeholder{
                   color:#fff;
                }
            .partner-landing-header.dark input[type="text"]{
                background:rgba(0,0,0,0.4);
                border-color:#333;
            }
            .partner-landing-header .input-code .btn-code {
               background:#fff;
                border:none;
                border-radius:8px;
                font-size:16px;
                float:none;
                margin:0;
                padding:11px 30px;
            }
            .partner-landing-header input[type="submit"]{
                background:#fff;
                border:none;
                border-radius:0 8px 8px 0;
                font-size:16px;
                float:left;
                margin:0;
                padding:11px 30px;
            }
            .partner-landing-header.dark input[type="submit"]{
                background:#333;
                color:#fff;
            }
            .partner-landing-header .landing-text3{
                font-size:21px;
            }

            .partner-landing-header .logo-partner,
            .partner-landing-header .logo-qobuz{
                display:block;
                height:150px;
                position:absolute;
                top:5px;
                width:150px;
            }
            .partner-landing-header .logo-partner{
                left:0;
            }
            .partner-landing-header .logo-qobuz{
                right:0;
            }
        .partner-landing-html{
            margin:0;
            padding:0;
        }
            .partner-landing-html > div{
                margin:0 auto;
                padding:20px 0;
                width:1024px;
            }
        .partner-landing-widget{
            margin:0;
            padding:10px 0;
        }
            .partner-landing-widget > div{
                margin:0 auto;
                padding:20px 0;
                width:1024px;
            }
            .partner-landing-widget ul{
                overflow:hidden;
            }
                .partner-landing-widget .widget-liste li{
                    background:#fff;
                    border:1px solid #d5e4ea;
                    box-sizing:border-box;
                    float:left;
                    padding:20px;
                    margin-right:30px;
                    min-height:294px;
                    text-align:center;
                    width:321px;
                }
                    .partner-landing-widget .widget-liste li:last-child{
                        margin-right:0;
                    }

            .partner-landing-widget .widget-content-2{
                background:url("/img/background/background-014.png") no-repeat top right;
                min-height:240px;
            }
                .partner-landing-widget .widget-content-2 > p,
                .partner-landing-widget .widget-content-2 > ul{
                    margin-right:510px;
                }

/*******************************************/
/*                                         */
/*               RESPONSIVE                */
/*                                         */
/*******************************************/

@media screen and (min-width:1024px) and (max-width:1279px){

    /*******************************************/
    /*** HOME ***/
    /*******************************************/
    .service li{
        width:24%;
    }
    .service .hifi-brand{
        width:34%;
    }
    #newsletter-subscribe .content-left{
        padding-left:20px;
        width:770px;
    }


    /*******************************************/
    /*** FOOTER ***/
    /*******************************************/
    .site-version{
        margin:0 2%;
        width:96%;
    }
}