@charset "UTF-8";

/**
* Sidebar Fluide
* - Ajouter la classe .fluid-sidebar à HTML.
* - Le mode "hover" fonctionne en enlevant .fluid-sidebar et en rajoutant .force-fluid-main.
*/

/* ----------------------------------------------------------
  Sidebar
---------------------------------------------------------- */


#sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.fluid-sidebar #sidebar {
    width: 20px;
    padding: 0 10px;
}

/* Blocks
-------------------------- */

.fluid-sidebar #logo {
    width: 20px;
    padding-top: 35px;
    padding-bottom: 12px;
}

.fluid-sidebar #logo a {
    line-height: 40px;
    background-image: url(../images/mini-logo.png);
}

@media(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(-webkit-min-device-pixel-ratio:1.5),
(min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .fluid-sidebar #logo a {
        background-image: url(../images/mini-logo-2x.png);
        background-size: 20px 40px;
    }
}

.fluid-sidebar-trigger {
    display: none;
}

.fluid-sidebar .fluid-sidebar-trigger {
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
    bottom: 95px;
    left: 0;
    width: 100%;
    background: transparent url(../images/pages/icn-nav.png) no-repeat center 15px;
    border: none;
}

.fluid-sidebar .fluid-sidebar-trigger:focus,
.fluid-sidebar .fluid-sidebar-trigger:hover {
    opacity: 0.80;
    filter: alpha(opacity=80);
}

.fluid-sidebar .sidebar-main-menu > li > a {
    display: none;
}

.fluid-sidebar .nav-container {
    height: 0;
    margin: 0;
    border-bottom: 0;
}

.fluid-sidebar #footer,
.fluid-sidebar .toplinks,
.fluid-sidebar #search_mini_form_magento,
.fluid-sidebar .side-welove,
.fluid-sidebar #side-news,
.fluid-sidebar #side-products,
.fluid-sidebar #side-newsletter {
    display: none;
}

/* Block musique */

.fluid-sidebar .side-audio-player-illu,
.fluid-sidebar .player-playlist,
.fluid-sidebar .player-core .playlist,
.fluid-sidebar .player-core .export,
.fluid-sidebar .player-core .status,
.fluid-sidebar .player-info,
.fluid-sidebar .side-audio-player h2 {
    display: none!important;
}

.fluid-sidebar .side-audio-player:before {
    content: '';
    z-index: 1;
    position: absolute;
    bottom: 100%;
    left: -8px;
    width: 40px;
    height: 30px;
    margin-bottom: 8px;
    /*background: transparent url(../images/illustrations/illu-music.png) no-repeat center top;*/
    background: transparent url(../images/darcel/musicplayericon.png) no-repeat center top;
    background-size: 30px auto;
}

.fluid-sidebar .side-audio-player {
    bottom: 10px;
    left: 10px;
    width: 20px;
    border: 0;
    height: 80px;
}

.fluid-sidebar .player-core .play,
.fluid-sidebar .playing .player-core .play {
    top: 24px;
    left: -5px;
    width: 30px;
    height: 30px;
    background-image: url(../images/pages/sprite-bigplay.png);
    background-position: 10px 7px;
}

.fluid-sidebar .playing .player-core .play {
    background-position: 9px -23px;
}

.fluid-sidebar .buffering .player-core .play {
    background: #070f18 url(../images/header/play-loader.gif) no-repeat 7px 7px;
}

.fluid-sidebar .player-core .next {
    top: 58px;
    left: 0;
}

/* Menu
-------------------------- */

.fluid-sidebar .smm-link-eshop .smm-submenu:before {
    content: '';
    position: absolute;
    top: 50px;
    left: 0;
    width: 5px;
    height: 9px;
    background-image: url(../images/header/arrow-submenu.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.fluid-sidebar .smm-link-eshop .smm-submenu {
    width: 0;
    -webkit-box-shadow: 2px 0 2px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 0 2px rgba(0,0,0,.2);
    box-shadow: 2px 0 2px rgba(0,0,0,.2);
    overflow: hidden;
}

.fluid-sidebar .smm-link-eshop .fixer-smm-submenu {
    width: 15px;
    background-position: right center;
}

.fluid-sidebar-hover .catalogsearch-result-index .smm-link-eshop .smm-submenu,
.fluid-sidebar-hover .catalog-product-view .smm-link-eshop .smm-submenu,
.fluid-sidebar-hover .catalog-category-view .smm-link-eshop .smm-submenu,
.fluid-sidebar .catalogsearch-result-index .smm-link-eshop .smm-submenu,
.fluid-sidebar .catalog-product-view .smm-link-eshop .smm-submenu,
.fluid-sidebar .catalog-category-view .smm-link-eshop .smm-submenu {
    display: block;
    width: 130px;
    overflow: visible;
}

/* ----------------------------------------------------------
  Main
---------------------------------------------------------- */

.block_banner,
#main,
.fluid-sidebar #main {
    left: 40px;
}

.catalogsearch-result-index .block_banner,
.catalog-product-view .block_banner,
.catalog-category-view .block_banner,
.catalogsearch-result-index #main,
.catalog-product-view #main,
.catalog-category-view #main {
    left: 170px;
}

.cms-index-index .block_banner,
.is_wordpress .block_banner,
.cms-categories .block_banner,
.cms-index-index #main,
.is_wordpress #main,
.cms-categories #main {
    left: 274px;
}

/* ----------------------------------------------------------
  Bannière
---------------------------------------------------------- */

.block_banner {
    z-index: 99998;
    position: absolute;
    right: 40px;
    bottom: 0;
    padding: 10px 30px 10px 40px;
    border-right: 10px solid #fe3231;
    text-align: center;
    color: #fff;
    /*background: #fe3231 url(../images/toolbar/btn-close-toolbar.png) no-repeat right center;*/
    background: url(../images/darcel/close.png) no-repeat top left;
    cursor: pointer;
}

.block_banner p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.block_banner p strong {
    margin-right: 3px;
    font-size: 16px;
    font-weight: normal;
}
/* ----------------------------------------------------------
  Blocks fixed
---------------------------------------------------------- */

.scroll-over-140.catalog-product-view .main-category-menu-fixed,
.scroll-over-140.catalog-category-view .main-category-menu-fixed,
.fluid-sidebar .scroll-over-140 .main-category-menu-fixed {
    left: 170px;
    min-width: 774px;
}

#sidebar .sidebar-element {
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.sidebar-anim #sidebar .sidebar-element {
    opacity: 0;
}