/*footer
Title:      CSS Mobile Header, Footer, Navigation

Content: 	
            header.less :
                Toolbar
                Sub-Navigation
                Checkout Toolbar
            
            footer.less :
                Mobile Back To Top
                Footer
                Footer Checkout
            
            navigation.less :
                Main navigation
                Side bar - Facets (Magasiner)
*/
/* ---[ LESS IMPORT ]------------------------------- */
/*
	Tablet and Desktop (Landscape and Portrait) - Permettre la vue mobile sur desktop
	Phone (Landscape and Portrait)
*/
/*Big Circle Iĉone*/
/*Landing (avec Corde) - Medium Circle Iĉone*/
/*Small Circle Iĉone*/
/*Advantage Icône*/
/* ---[ Media Qeries Mobile Device ]------------------------------- */
@media /*Tablet + Desktop (Landscape & Portrait)- Permettre la vue mobile sur desktop*/
 only screen and (-webkit-min-device-pixel-ratio: 1)   and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 1/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (                   min-resolution: 72dpi)   and (max-width: 700px), only screen and (                   min-resolution: 1dppx)   and (max-width: 700px), /* Phone (Landscape & Portrait)*/
 only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 2/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (                   min-resolution: 192dpi)  and (max-width: 700px), only screen and (                   min-resolution: 2dppx)   and (max-width: 700px) {
  /* ******************************
  *    [ header.less ]            *
  *********************************/
  /* ---[ Toolbar ]------------------------------- */
  #toolbar {
    top: 0;
    left: 0;
    right: 0;
    position: absolute !important;
    z-index: 2;
    -webkit-transform: translate3d(0px, 0, 0);
    padding-bottom: 35px;
    margin-bottom: 0;
  }
  #toolbar ul li {
    display: table;
  }
  #toolbar .mobile-header {
    background: #0E2135;
  }
  #toolbar .mobile-header ul {
    height: 61px;
    width: 100%;
    overflow: hidden;
  }
  #toolbar .mobile-header li {
    float: left;
    height: 60px;
    width: 65px;
    position: relative;
    padding: 0;
    outline: 1px solid #47afde;
    border-left: 1px solid #057cb9;
  }
  #toolbar .mobile-header li.first {
    border-left: 0;
  }
  #toolbar .mobile-header li.last {
    border-right: 0;
  }
  #toolbar .mobile-header li.cart-cta {
    width: 65px;
    right: 0;
    position: absolute;
  }
  #toolbar .mobile-header li.change-language-cta {
    display: none;
  }
  #toolbar .mobile-header li.search-cta {
    width: 65px;
    right: 66px;
    position: absolute;
    border-bottom: 1px solid #046EA3;
  }
  #toolbar .mobile-header li.menu-cta a,
  #toolbar .mobile-header li.cart-cta a {
    padding-top: 4px;
    line-height: 56px;
  }
  #toolbar .mobile-header li a {
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    line-height: 60px;
    padding: 0;
    color: #fff;
    text-decoration: none;
    font-size: 2.23em;
    cursor: pointer;
    cursor: hand;
  }
  #toolbar .mobile-header li a:hover {
    text-decoration: none;
  }
  #toolbar .mobile-header li.logo-header {
    display: block;
    right: 133px;
    left: 66px;
    width: auto;
    position: absolute;
  }
  #toolbar .mobile-header li.logo-header .vertical-wrapper {
    display: table;
    height: 100%;
    width: 100%;
  }
  #toolbar .mobile-header li.logo-header .vertical-wrapper a {
    padding: 0 3% 0 3%;
  }
  #toolbar .mobile-header li.logo-header .vertical-wrapper img {
    display: block;
    padding: 0 5%;
    margin: auto;
  }
  #toolbar .mobile-header li span {
    color: white;
    text-align: left;
    vertical-align: middle;
    float: left;
    width: 200px;
    line-height: 61px;
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
  }
  #toolbar .mobile-header .cart-cta .cart-number {
    background: none repeat scroll 0 0 #DB003D;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    color: #FFFFFF;
    font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif;
    font-size: 9px;
    padding: 4px 6px;
    position: absolute;
    right: 11%;
    text-shadow: 1px 1px 2px #000000;
    top: 8px;
    z-index: 10;
  }
  #toolbar .mobile-header .header-search {
    background: #046ea3;
    padding: 11px 12px;
    position: relative;
  }
  #toolbar .mobile-header .header-search form {
    position: relative;
  }
  #toolbar .mobile-header .header-search form #s {
    display: block;
    width: 100%;
    height: 36px;
    line-height: normal !important;
  }
  #toolbar .mobile-header .header-search form .header-search-button {
    top: 0px;
    height: 36px;
    line-height: 36px !important;
  }
  #toolbar .mobile-header .header-search form .header-search-button.alreadyClicked {
    opacity: 1 !important;
  }
  .fn-social-share .social-area {
    display: none;
    padding: 12px;
    overflow: hidden;
    border-top: 1px solid #CCC;
  }
  .fn-social-share .social-area .share {
    float: left;
    width: 25%;
    margin: 0;
  }
  .fn-social-share .social-area .share.email {
    float: none;
    margin: 86px 0 0 0;
    width: auto;
    margin-right: 0.5em;
  }
  .fn-social-share .social-area .share.email a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #fff;
    padding: 7px 10px;
    border-left: 1px solid #a0b6cc;
    background: #0090d2;
    text-shadow: none;
    height: auto;
    border: 0;
    border-bottom: 2px solid #989898;
  }
  .fn-social-share .social-area .share.pinit {
    margin-top: 20px;
    margin-right: 0px;
    height: auto;
  }
  /* ---[ Sub-Navigation ]------------------------------- */
  .section-header-responsive-menu {
    margin-bottom: 18px;
    /* Fix - Android Rendering issues. Background must be the first element. */
  
    background: #f3faff;
    background: -moz-linear-gradient(top, #f3faff 0%, #f3faff 100%);
    /* FF3.6+ */
  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3faff), color-stop(100%, #f3faff));
    /* Chrome,Safari4+ */
  
    background: -webkit-linear-gradient(top, #f3faff 0%, #f3faff 100%);
    /* Chrome10+,Safari5.1+ */
  
    background: -o-linear-gradient(top, #f3faff 0%, #f3faff 100%);
    /* Opera 11.10+ */
  
    background: -ms-linear-gradient(top, #f3faff 0%, #f3faff 100%);
    /* IE10+ */
  
    background: linear-gradient(to bottom, #f3faff 0%, #f3faff 100%);
    /* W3C */
  
    color: #004990;
    position: relative;
    display: block;
    top: 0;
    border-top: 2px solid #005D95;
    /* Page detail d'un produit*/
  
  }
  .section-header-responsive-menu.lte-ie9 {
    background: #f3faff;
  }
  .section-header-responsive-menu .div-main {
    border-bottom: 1px solid #8ba1b5;
  }
  .section-header-responsive-menu .sub-menu-header {
    border-bottom: 1px solid #c9cfd2;
    position: relative;
    min-height: 50px;
    *height: 50px;
    display: table;
    width: 100%;
  }
  .section-header-responsive-menu .sub-menu-header .btn-share.ficon {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px !important;
    height: 50px;
    line-height: 52px;
    display: block;
    font-size: 2.23em;
    width: auto;
    padding-top: 0;
    color: #0090d2;
    cursor: pointer;
    border-left: 1px solid #cadbe5;
  }
  .section-header-responsive-menu .sub-menu-header .ficon {
    display: table-cell;
    font-size: 1.538em;
    text-align: center;
    width: 50px;
    height: 50px;
    vertical-align: middle;
  }
  .section-header-responsive-menu .sub-menu-header .ficon span {
    display: table-cell;
    color: #0090d2;
    vertical-align: middle;
    width: 50px;
    height: 50px;
  }
  .section-header-responsive-menu .sub-menu-header .ficon:hover {
    text-decoration: none;
  }
  .section-header-responsive-menu .sub-menu-content {
    border-bottom: 1px solid #8ba1b5;
  }
  .section-header-responsive-menu h1,
  .section-header-responsive-menu .sub-menu-product-details {
    font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif;
    color: #333333;
    vertical-align: top;
    border-left: 1px solid #cadbe5;
  }
  .section-header-responsive-menu h1 {
    font-size: 1.538em;
    padding: 10px 0;
    min-height: 50px;
    *height: 50px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    /* Page detail d'un produit*/
  
  }
  .section-header-responsive-menu h1 .item-count {
    color: #ccc;
    font-size: 0.769em;
  }
  .section-header-responsive-menu ul li {
    display: block;
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
    font-size: 1.154em;
    text-align: left;
    border-bottom: 1px solid #c9cfd2;
    height: auto;
  }
  .section-header-responsive-menu ul li a {
    display: block;
    padding: 17px 20px;
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
  }
  .section-header-responsive-menu ul li a:hover {
    text-decoration: none;
  }
  .section-header-responsive-menu .item-count {
    color: #ccc;
    font-size: 0.769em;
  }
  .section-header-responsive-menu .sub-menu-product-details {
    padding: 0;
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 83%;
    max-width: 190px;
    line-height: normal;
  }
  .section-header-responsive-menu .sub-menu-product-details .product-brand {
    display: block;
    font-family: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif;
    font-size: 0.769em;
  }
  .section-header-responsive-menu .sub-menu-product-details .product-name {
    display: block;
    font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif;
    font-size: 1.154em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* **********************************
  *    [ navigation.less ]            *
  *************************************/
  /* ---[ Main navigation ]------------------------------- */
  .tall {
    height: 100%;
  }
  .relative {
    position: relative;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  #pageStructure {
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    height: 100%;
  }
  #mobilePageStructureWrapper {
    position: absolute;
    background: #0E2135 !important;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    overflow: hidden !important;
    height: 100%;
  }
  .drawers {
    background: #FFF;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  .drawers li {
    background: #0e2135;
    position: relative;
    background: #0e2135 url(/Styles/Images/Menu/menu-bg-dark-blue.jpg) repeat-y right 0;
  }
  .drawers li.login-block .ficon {
    z-index: 1;
    top: 21px;
  }
  .drawers h2 {
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
    padding: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0;
    background: #0e2135;
    font-size: 24px;
  }
  .drawers ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  .drawers ul li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 10px 15px 45px;
    font-weight: bold;
    text-shadow: 0 1px 0 #000;
    text-decoration: none;
    color: #fff;
    font-family: Humanist777BT-RomanB, Verdana, Arial, Sans-Serif;
    font-size: 1.08em;
    text-align: left;
  }
  .drawers ul li a.ecom-button {
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow:  0px 0px 0px 0px transparent;
    -webkit-box-shadow:  0px 0px 0px 0px transparent;
    -o-box-shadow:  0px 0px 0px 0px transparent;
    box-shadow:  0px 0px 0px 0px transparent;
  }
  .drawers ul li.selected > span {
    color: #fff;
  }
  .drawers ul li > span {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 10px;
    font-size: 1.846em;
    color: #54616e;
    width: 32px;
    text-align: center;
  }
  .drawers .pipe-nav li {
    float: none;
    padding: 0;
    border-left: none;
  }
  .drawers .invisible-divider {
    background: #0b1928;
    height: 6px;
  }
  .drawers .user-disconnect {
    background: #a90000;
  }
  .drawers .user-disconnect a {
    border-top: 1px solid #b31e1e;
    border-bottom: 1px solid #710000;
  }
  .drawers .user-disconnect .ficon {
    color: #bc4e4e;
  }
  .drawers .subselected {
    opacity: 0.65;
    filter: alpha(opacity=65);
  }
  .drawers .selected {
    opacity: 0.85;
    filter: alpha(opacity=85);
  }
  .left-drawer,
  .right-drawer {
    top: 0;
    left: 0;
    width: 265px;
    bottom: 0;
    background: #0e2135;
    color: #eee;
    height: 100%;
    overflow: auto;
  }
  .left-drawer {
    z-index: 2;
  }
  .right-drawer {
    left: auto;
    right: 0;
    z-index: 1;
  }
  #no-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 100px;
    margin-left: -25%;
    margin-top: -50px;
    background: red;
    color: #FFF;
    text-align: center;
    line-height: 100px;
  }
  .toggler {
    width: 80%;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 auto;
    position: relative;
    top: 70px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
  .search {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  #search {
    height: 30px;
    width: 87%;
    margin: 7px 7px 0 7px;
    background: linear-gradient(#414a5a, #4c5464);
    background: -webkit-linear-gradient(#414a5a, #4c5464);
    padding-left: 15px;
    border: 1px solid #222936;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(255, 255, 255, 0.4);
  }
  #search:focus {
    outline: none;
    border-color: #151515;
  }
  .snapjs-expand-left .drawer-inner,
  .snapjs-expand-right .drawer-inner {
    opacity: 0;
  }
  .snapjs-expand-left .left-drawer,
  .snapjs-expand-right .right-drawer {
    width: 100%;
  }
  #mobile-main-menu {
    top: 0;
    bottom: 0;
    width: 266px;
    height: 100%;
    position: absolute;
    overflow: hidden !important;
    z-index: 1;
  }
  #mobile-main-menu .left-drawer {
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    z-index: 1;
    display: none;
  }
  #mobile-main-menu .left-drawer.opened {
    display: block;
  }
  #mobile-main-menu .left-drawer ul,
  #mobile-main-menu .left-drawer h2 {
    width: 266px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #mobile-main-menu.closed {
    z-index: 0;
  }
  #contentSnap {
    padding-top: 0px;
    z-index: 2;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0E2135;
  }
  #contentSnap.blank-page {
    top: 0px;
  }
  #contentSnap .fn-crawling-data.no-scroll {
    overflow: hidden !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: none !important;
  }
  #contentSnap .scrollable-content {
    background: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    /* Added by javascript in jquery.responsive for ios only*/
  
    /*-webkit-overflow-scrolling:touch;*/
  
  }
  #contentSnap .scrollable-content.no-scroll {
    overflow: hidden !important;
    -webkit-overflow-scrolling: auto !important;
  }
  #contentSnap .scrollable-content.auto-scroll {
    overflow: auto;
    -webkit-overflow-scrolling: auto !important;
  }
  .page-structure-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    overflow: hidden !important;
  }
  #pageStructure {
    position: absolute;
    bottom: 0;
    top: 0;
    background: none;
  }
  #categories-landing,
  #products-landing {
    z-index: 1001;
  }
  .checkout #header {
    margin-top: 0;
  }
  /* ---[ Side bar - Facets (Magasiner) ]------------------------------- */
  .side-menu {
    background-color: #f3faff;
    margin: 0px -12px 30px -12px;
  }
  .side-menu .all-product {
    display: none;
  }
  .side-menu .title {
    display: none;
  }
  .side-menu .title-cat-group {
    display: block;
    border-bottom: 1px solid #cccccc;
    height: 50px;
  }
  .side-menu .title-cat-group a {
    padding-left: 20px;
    text-align: left;
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
    font-size: 0.923em;
    line-height: 50px;
    display: block;
  }
  .side-menu.niveau-1 .title-cat-group,
  .side-menu.niveau-0 .title-cat-group {
    padding: 0;
    margin: 0;
  }
  .side-menu.show-no-facet {
    border-bottom: 1px solid #8BA1B5;
  }
  .side-menu.niveau-1 .title-cat-sub {
    padding: 0;
    margin: -1px;
  }
  .side-menu ul li a {
    margin: 0;
    padding: 0;
    padding-left: 20px;
  }
  #brand-facet-list {
    display: none;
  }
  .side-menu-title {
    margin-bottom: 0;
  }
  .side-menu-text {
    padding-left: 20px;
    text-align: left;
    font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif;
    font-size: 1.23em;
    font-weight: bold;
    line-height: 50px;
    display: block;
    color: #333;
  }
  .product-landing-cat .side-menu.show-no-facet,
  #categories-landing .side-menu.show-no-facet {
    margin-top: -19px;
  }
  /* FACET MENU IN CATEGORY PAGE*/
  .facet-sous-niveau {
    height: 50px;
    border-bottom: 1px solid #8ba1b5;
  }
  .facet-sous-niveau a {
    text-align: left;
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
    font-size: 1.08em;
    line-height: 50px;
  }
  .title-cat-group.un-selected-categorie {
    display: none;
  }
  #test .side-menu .title-cat-group a {
    font-family: Humanist777BT-BlackB, Verdana, Arial, Sans-Serif;
    font-size: 1.538em;
  }
  /* SECTION MAGASINER PRODUCT LIST*/
  #products-landing .facet-sous-niveau {
    border-bottom: 1px solid #c9cfd2;
  }
  /*USED TO RECALC THE NEXT SELECTOR FOR THE COMPUTED FONT SIZE*/
  #shopping-cat-facet-responsive .side-menu ul {
    font-size: 16px;
  }
  #shopping-cat-facet-responsive .side-menu ul li a {
    font-family: Humanist777BT-BoldB, Verdana, Arial, Sans-Serif;
    font-size: 0.923em;
  }
  #shopping-cat-facet-responsive .side-menu ul li a:hover,
  #shopping-cat-facet-responsive .side-menu ul li a:focus {
    text-decoration: none;
  }
  /*USED TO RECALC THE NEXT SELECTOR FOR THE COMPUTED FONT SIZE*/
  /* CACHER LA LISTE DES FILTRES*/
  .search-filters {
    display: none;
  }
}
/*End media-queries-mobile*/