/* ********************************************************************** */
/* MODIF CSS CLASSIC - SITE BASE - ACHAT CARTOUCHE */
/* ********************************************************************** */


/* FONT ICON MOON */

@font-face {
  font-family: 'icomoon';
  src:  url('../css/icomoon.eot?kjsaga');
  src:  url('../css/icomoon.eot?kjsaga#iefix') format('embedded-opentype'),
    url('../css/icomoon.ttf?kjsaga') format('truetype'),
    url('../css/icomoon.woff?kjsaga') format('woff'),
    url('../css/icomoon.svg?kjsaga#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-edit:before {
  content: "\e904";
}



/* forçage modif icons */
.shopping-cart, .reassure i, 
.tel .material-icons, 
.reassur.produit .material-icons,
#header .compteClient i { font-family: icomoon; }




/* Forcage modif coul boutons et coul liens */

.btn-primary { background-color: #009fe3; transition: all .3s; font-weight: 400 }
.btn-primary:hover{ background-color: #333;}

a:link{ text-decoration: none }
a{ color: inherit; }
a:hover{ color:#009fe3 ; }



/*********************************************************/
/* ******************** SITE *************************** */
/*********************************************************/


#header {}
#wrapper {background: #fff;}





/* reset & communs abk */
body{font-family: 'Poppins', sans-serif, tahoma !important ; font-size: 16px; margin: 0}
*{ box-sizing: border-box; outline: none !important;}
ul, li{padding: 0; margin: 0; list-style: none;}


.flex{display: flex}
.float{ float:left;}
.stopFloat::after{ content:''; display: block; clear: both; }


.centragePage{ width: 100%; max-width: 1190px; margin:0 auto; }

.stopFloat::after{ content:""; display: block; clear: left}

a{color:#009fe3; transition: color .3s}
a:hover{color:#333}



/* conteneur central et conteneur divers theme */

@media (min-width: 993px){
  #wrapper .container {
      width: 1190px;
      max-width: 100%;
      padding: 0 0.8em;
  }
}

@media (min-width: 1000px){
  .row {
    margin:0
  }
}


#blockcart-modal .modal-header { background: #444;}



/* ********************************************************************** */
/* *************************  HEADER  *********************************** */
/* ********************************************************************** */
  
  .header-top{
    background: #333 !important;
    padding-bottom: 0 !important;
  }



  /* montage GRID */
  /*
  .gridABK { 
    display:grid; 
    grid-template-columns: 254px 1fr 60px;
    grid-template-rows: auto;
  }
  
  .gridABK .logoHaut{  grid-column: 1 / span 1; grid-row: 1 / span 1; }
  #search_ABK{ grid-column: 2 / span 1; grid-row: 1 / span 1; }
  .gridABK .panierHaut{ grid-column: 3 / span 1; grid-row: 1 / span 1; }
  #header .header-top .gridABK .menu{ grid-column: 2 / span 1; grid-row: 2 / span 1;}
  .gridABK .compteClient{ grid-column: 3 / span 2; grid-row: 2 / span 1; }
  */

    .gridABK { 
    display:-ms-grid; 
    display:grid; 
    -ms-grid-columns: 254px 1fr 60px; 
    grid-template-columns: 254px 1fr 60px;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }  .gridABK > *:nth-child(1) { 
    -ms-grid-row:1; 
    -ms-grid-column:1;
  }  .gridABK > *:nth-child(2) { 
    -ms-grid-row:1; 
    -ms-grid-column:2;
  }  .gridABK > *:nth-child(3) { 
    -ms-grid-row:1; 
    -ms-grid-column:3;
  }
  
  .gridABK .logoHaut{  -ms-grid-column: 1;  -ms-grid-column-span: 1;  grid-column: 1 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / span 1; }
  #search_ABK{ -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / span 1; }
  .gridABK .panierHaut{ -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / span 1; }
  #header .header-top .gridABK .menu{ -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / span 1;}
  .gridABK .compteClient{ -ms-grid-column: 3; -ms-grid-column-span: 2; grid-column: 3 / span 2; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / span 1; }


  /* habillage */
  .gridABK { max-width: 1190px; width: 100%; margin:0 auto;}

  
   /* logo */ 
   /* ---------------------------------------------------------- */
  .gridABK .logoHaut img{ width:100%; max-width: 254px;}


  /* recherche avancée*/
  /* ---------------------------------------------------------- */
    #search_ABK{  
      width: 100%; 
      padding: 0 2em 0 1.5em; 
      display: flex
    }
    #search_ABK form{ 
      display: flex; 
      align-self: center;
      justify-content: center;
      flex: 1 1 auto;}
    #search_ABK .inputSearch{ 
      flex: 1 1 100%;
      background: #4d4d4d;
      color: #fff !important;
      border: none;
      font-size: 0.85em;
      line-height: 40px;
      padding: 0 .5em 0 2em;  
    }

    #search_ABK .inputSearch::-webkit-input-placeholder{ color:#fff !important; font-weight: 400; opacity:1}
    #search_ABK .inputSearch:-ms-input-placeholder{ color:#fff !important;  font-weight: 400; opacity:1}
    #search_ABK .inputSearch::-ms-input-placeholder{ color:#fff !important;  font-weight: 400; opacity:1}
    #search_ABK form .inputSearch::placeholder{ color:#fff !important;  font-weight: 400; opacity:1}


     #search_ABK input:-webkit-autofill,
     #search_ABK input:-webkit-autofill:hover, 
     #search_ABK input:-webkit-autofill:focus
     #search_ABK textarea:-webkit-autofill,
     #search_ABK textarea:-webkit-autofill:hover
     #search_ABK textarea:-webkit-autofill:focus,
     #search_ABK select:-webkit-autofill,
     #search_ABK select:-webkit-autofill:hover,
     #search_ABK select:-webkit-autofill:focus {
      border: none;
      -webkit-text-fill-color: #fff;
      -webkit-box-shadow: none;
      transition: background-color 5000s ease-in-out 0s;
    }

    #search_ABK input:focus{ background-color: #009fe3 !important; }

    #search_ABK .boutSearch{
      padding: 0 0.5em;
      border: none;
      display: initial;
      background: #009fe3;
      color: #fff;
      transition: all 0.3s; 
      position:initial; 
      cursor: pointer; 
      border-left: solid 1px #333;   
    }
    #search_ABK .boutSearch span{ font-size: 2em}
    #search_ABK .boutSearch:hover{ background: #333}







  /* Panier */
  /* ---------------------------------------------------------- */
  .gridABK .panierHaut { display: flex; align-items: center; justify-content: flex-end; }
  .gridABK .panierHaut .blocPanierHaut,  .gridABK .panierHaut #_desktop_cart, .gridABK .panierHaut .blockcart{display: inline;} 

  .gridABK .panierHaut .prixHT, .gridABK .panierHaut .prixTTC, .gridABK .panierHaut .nbArticles .desktop{ display: none; }
  .gridABK .panierHaut .flex{position: relative;}
  .gridABK .panierHaut i{ color: #009fe3; font-size: 60px; margin-bottom: .3em; }
  .gridABK .panierHaut .nbArticles{
    position: absolute;
    top: 12px;
    left: -3px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;  
  }



  /* LIGNE INFERIEURE HEADER */

    #header .supportRow2{background: #222; padding: .25em 0; box-shadow: inset 0px 0px 15px rgba(0,0,0,1); border-top: #3f3f3f solid 2px;}
    #header .row2{ max-width: 1190px; width:100%; margin: 0 auto; display: flex; position: relative}
    #index .row2, #category .row2, #product .row2, #search .row2{padding-left:254px; }
    
  /* bloc compte + tel */
    /* ---------------------------------------------------------- */

    #header .mobil{display: none !important;}
    
    #header .compteClient{  
      margin:.3em; padding: 0; text-align: right; display: flex; align-items: center; justify-content: flex-end; flex: 1 1 auto; 
    }
    #header .compteClient #_desktop_user_info, .gridABK .tel { padding: .2em .5em; font-size: 1em; }
    #header .tel {border-left: #4d4d4d 1px solid;}


    #header .compteClient i{font-size: 1.5em; color: #4d4d4d; margin: 0 .3em 0 .4em;}

    #header .compteClient #_desktop_user_info a, #header .compteClient .tel{
      color:#009fe3; padding-right: .5em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s
    }
    #header .compteClient #_desktop_user_info a:hover, #header .gridABK .compteClient a.tel:hover{color:#009fe3;}
    #header .compteClient #_desktop_user_info a.logout{ 
        color: #009fe3;
        font-style: italic;
        text-decoration: underline;
     }




      /* menu */
      /* ---------------------------------------------------------- */
     
      #header .header-top .menu {
        
        margin-bottom: 0;
        flex: 1 1 auto;
        float: none;
        width: auto;
      }

      #header .header-top .menu nav{
        display: flex;
        align-items: center;
      }    


      .blocMenu  .monMenu{ display: none; }

      .blocMenu .menu-toggle{ 
        width: 38px;
        height: 38px;
        background: #009fe3;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        margin-bottom: 0;
        cursor: pointer
      }
      .blocMenu .top-menu1{ 
        visibility: hidden; 
        /*position: relative;*/ 
        height: 0; 
        max-height: 0;     
        overflow: hidden;
        transition: max-height .5s ease-in-out;
      }
      .blocMenu  .monMenu:checked ~ .top-menu1 { visibility: visible; height: auto; max-height: 1000px}

      #header .header-top .menu a[data-depth="0"]{
        color: #fff;
        font-weight: 400;
        padding: .8em 1.5em;
        border-top: 1px solid rgba(255,255,255,.5);
        transition: .3s all;
        font-size: 0.95em;
      }
      
      #header .header-top .menu li:nth-of-type(1) a[data-depth="0"]{ border:none; }
      
      #header .header-top .menu a[data-depth="0"]:hover{
        background: #009fe3;
      }

      #top-menu{ 
        position: absolute;
        top: 45px;
        background: #333;
        z-index: 100;
        width:230px;
      }
      #top-menu li{ flex: 1 1 auto; }










  /* RWD HEADER + menu RWB */
  /* ---------------------------------------------- */

    

    
    /*#header *{ transition: all .3s }*/


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

    /* new grid */

    /*habillage*/

    #search_ABK form .inputSearch::placeholder{ font-size:.8em; opacity:.7;}
    #header .compteClient #_desktop_user_info a.logout, #header .compteClient #_desktop_user_info .desktop { display: none}


    }       




  @media (max-width: 767px){


      /* contre et divers */


      /* grid */
      .gridABK { grid-template-columns: 174px 1fr 60px; padding-top:.5em;}

      /* habillage */
      #header .header-top .menu { display: block !important;  }
      #header .row2 {padding-left: 0px;}
      #header .header-top .menu {padding: 0 1.5em;}
      #top-menu{ width:100%; margin-left: -1.5em}  
  }

  


  @media (max-width: 560px){
    .gridABK { grid-template-columns: auto; padding-top:.5em;}
    .gridABK .logoHaut{  grid-column: 1 / span 1; grid-row: 2 / span 1;     max-width: 220px;}
    #search_ABK{ grid-column: 1 / span 2; grid-row: 1 / span 1; padding: 0 .5em;}
    .gridABK .panierHaut{ grid-column: 2 / span 1; grid-row: 2 / span 1; padding-top:.6em;}

  }

    






    /* animation picto menu */
      
      .menu-toggle span, .menu-toggle span::after, .menu-toggle span::before{ 
        display:block; 
        width: 28px; 
        height:4px; 
        background: #fff; 
        /*box-shadow: 0 1px 1px rgba(0,0,0,.3); */
        transition: all .5s; 
        position: absolute;
      }
      .menu-toggle span::after{content:''; transform: translateY(-10px); position: absolute;}
      .menu-toggle span::before{content:''; transform: translateY(10px); position: absolute;}


      .monMenu:checked ~ .menu-toggle span::after{ transform: translateY(0px) }
      .monMenu:checked ~ .menu-toggle span::before{ transform: translateY(0px) }
      .monMenu:checked ~ .menu-toggle span{ transform: translateY(-10px); transition-delay: .5s}    









/* ********************************************************************** */
/* ************************* GESTION COLONNES *************************** */
/* ********************************************************************** */

  #left-column{ width: 210px; float:left; padding: 0;}
  

  #content-wrapper{ padding-top:2em; }
  #content-wrapper.col2{ float:right; min-height: 350px; padding-top:.5em;}
  .page-cms #content-wrapper{ padding-top:.5em; }

  @media (max-width: 1180px){
      #left-column{width: 210px;}
  }

  #content-wrapper.col2{ width: 80%; }
  /*.page-cms #content-wrapper{ width: 100%; }*/

  @media (max-width: 1100px){
    #content-wrapper.col2{ width: 78%; }
    /*.page-cms #content-wrapper{ width: 100%; }*/
  }

  @media (max-width: 1000px){
    #content-wrapper.col2{ width: 75%; }
  }
  
  @media (max-width: 990px){
    .container {width: 100%; }
    #content-wrapper.col2{  width:100%; padding-left: 230px}
    #left-column{position: absolute; left:10px; /*top:160px;*/}
  }

  @media (max-width: 767px){
      
    /*.container {width: 98%; padding-left: 0px}*/
    #content-wrapper.col2{  width:100%; padding: 5%}
    #left-column{display: none;}  
    #content-wrapper.col2{  width:100%;     padding-top: 1.5em;}
  }



/* gestion fixe au scroll */
  /* -------------------------------------------------------- */
  #left-column.fixe { 
    position: fixed;  
    top: 0px; 
    width:210px; 
    top:-10px;    
    z-index:100;
  }  

  #left-column.fixe #nc_dropdown7_home{ margin-top:0; }

 /*
   @media (max-width: 1180px){
      #left-column.fixe{width: 210px;}      
  }*/





 /* recherche par cat */
  /* ---------------------------------------------------------- */
  #rechercheEtapes{ 
    transtion : all 3s;
  }  

  #rechercheEtapes .txtRechercheEtapes{ 
    text-transform: uppercase;
    font-size: 1.2em;
    color: #f8b8db;
    font-weight: 400;
    line-height: 1.4em;
    padding: .4em 0 .5em 0;
    margin-bottom: .7em;
    border-bottom: 1px solid #f8b8db;
  }

  #rechercheEtapes .txt1{ display: block; }  
  #rechercheEtapes .txt2{ }

  #nc_dropdown7_home{
   box-shadow: 0px 2px 5px rgba(0,0,0,.5);
    background: #333;
    padding: 0.8em 1.2em;
    margin-top:-44px;
    margin-bottom: 1.563rem;
    transition:.3s all;

    background: -moz-linear-gradient(top, #111111 0%, #333333 12%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #111111 0%,#333333 12%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #111111 0%,#333333 12%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
  }
  .nc_dropdown .nc_dropdown_container {
      padding: .3em 0;
  }

  @media (max-width: 1000px){
      #rechercheEtapes .txtRechercheEtapes{ font-size: 1em;}
      .form-control-select { font-size: .85em;}
  }






/* REASSURE */

  .reassure{     
    margin: -1em 0 0 0;
    color: #777;
    font-size: .8em;
    line-height: normal;
  }
  .reassure li{ display: flex; align-items: center; border-top: #777 solid 1px; padding: .5em 0;}
  .reassure li:nth-of-type(1){border:none;}
  .reassure li i{ font-size: 1.8em; width: 36px;} 
  .reassure li span{ }     
  .reassure span b{ display:block;}










  /*contre*/




/* ********************************************************************** */
/* ************************* CENTRAL ************************************ */
/* ********************************************************************** */


/* ********************************************************************** */
/* Liste produit */
/* ********************************************************************** */


  #wrapper {padding-top:0;}

  .block-category {
      min-height: auto;
      box-shadow: none;
      border: none;
  }




/* ********************************************************************** */
/* Liste sub cat */
/* ********************************************************************** */


  /* fil d'arianne */

  .breadcrumb{ 
    text-align: right;
    font-size: .8em;
    margin-bottom: 0;
  }

#index .breadcrumb, #category .breadcrumb, #product .breadcrumb, search .breadcrumb { 
    float: right;
    width: 75%;
  }

  #wrapper .breadcrumb li:after {   
    content: "keyboard_arrow_right";
    color: #009fe3;
    font-family: Material Icons;    
    font-size: 1.5em;
    display: inline-block;
    /*margin: 0;*/
    vertical-align: middle;
  }

  #wrapper .breadcrumb h6{display: inline; font-size:.9em;}
  #wrapper .breadcrumb h6 span{ font-weight: 400}  
  #wrapper .breadcrumb li:last-child a{ color:#009fe3; text-transform: uppercase;}  




  
  /* Haut et titre listing */
  /*
  .gridABK{ display: grid;  }
  .gridABK-titreListing{ grid-template-columns: 1fr auto ; grid-template-rows: auto;}  
  .gridABK-titreListing .h1{ grid-column: 1 / span 1; grid-row: 1 / span 1; }
  .gridABK-titreListing .imgCat{ grid-column: 2 / span 1 ; grid-row: 1 / span 2; }
  .gridABK-titreListing .txtDescription-listing{ grid-column: 1 / span 1; grid-row: 2 / span 1; }
  */

.gridABK{ display: -ms-grid; display: grid;  }
  .gridABK-titreListing{ -ms-grid-columns: 1fr auto ; grid-template-columns: 1fr auto ; -ms-grid-rows: auto; grid-template-rows: auto;}
  .gridABK-titreListing > *:nth-child(1){ -ms-grid-row: 1; -ms-grid-column: 1;}
  .gridABK-titreListing > *:nth-child(2){ -ms-grid-row: 1; -ms-grid-column: 2;}  
  .gridABK-titreListing .h1{ -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / span 1; }
  .gridABK-titreListing .imgCat{ -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1 ; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; }
  .gridABK-titreListing .txtDescription-listing{ -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / span 1; }



  /* habillage */
  .gridABK-titreListing{ padding:0 ; margin: 0 0 .5em 0; }
  
  .gridABK-titreListing .h1{ 
    color: #444;
    font-weight: 400;
    margin: 0 !important;
    display: flex;
    align-items: center;
    border: 2px 3px 5px 4px;
  }
  
  .gridABK-titreListing .imgCat{ border: #b9b9b9 solid 1px;}
  .gridABK-titreListing .imgCat img{ max-width: 80px; margin: 0 1em;}
  .gridABK-titreListing .txtDescription-listing{ 
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: .5em 1.8em;
    margin: 0;
  }

  








#subcategories .clearfix{ 
  display: flex; 
  flex-wrap: wrap;     
  border-top: #b9b9b9 solid 1px;
  border-bottom: #b9b9b9 solid 1px;
  padding: .5em 0;
}

#subcategories .clearfix li{ 
    flex: 0 1 23.5%;
    background: #666;
    padding: .8em 1em .8em 1em;
    margin: .75%;
    display: flex;
    align-items: center;    
    font-weight: 700;
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
    transition: all 0.3s;
    position:relative;
}


 #subcategories .clearfix li::before {   
    content: "play_arrow";
    color: #009fe3;
    font-family: Material Icons;    
    font-size: 4em;
    /*text-shadow: 0px 0px 5px rgba(0,0,0,.3);*/
    left:50%;
    position: absolute;
    transform: scaleX(.35);
    transition: all .4s;
    opacity: 0;
    text-shadow: 5px 0 3px rgba(0,0,0,.5);
  }


#subcategories .clearfix li a{ color: #fff; width: 100%; font-weight: 400; font-size: .9em}

#subcategories .clearfix li:hover{ box-shadow: inset 0 3px 3px rgba(0,0,0,.2); background: #009fe3} 
#subcategories .clearfix li:hover::before{color: #fff; left: -.5em; opacity: 1;} 

@media (max-width: 767px) {
  #subcategories .clearfix li{ flex: 0 1 99%; padding: .7em .5em .7em 1em;}
}


#category-description{ text-align: justify; padding: 0 12px; }

#products #category-description{ background: #eee; padding: .8em; }


/* ********************************************************************** */
/* Liste produits */
/* ********************************************************************** */

  /* infos et divers */
  #js-product-list-top{ margin: 0 0 2.8em 0; }
  #js-product-list-top .total-products{width: 100%; position:relative; color:#333;}
  #js-product-list-top .total-products p{margin: 0; padding: 0 0 .3em 0; position:relative;}
  #js-product-list-top .total-products p::after{ 
    content: "play_arrow";
    font-family: Material Icons;
    position: absolute;
    transform: rotate(90deg) scaleX(.6);
    font-size: 3em; 
    margin-left: -0.1em;
  }  
  /* pagination basse */
  #js-product-list .pagination{ border-top: solid 1px #c1c1c1; }
  

  /* couleurs block */  
  /* ---------------------------------------------------- */

 #js-product-list .titreBloc{ }
 #js-product-list .blocPrixCDE{ background: none; border-left:#aaa solid 1px;}
 #js-product-list .supportProdListe-ABK{ border: solid 1px #aaa;} 

 #js-product-list .generiqueTitre .titreBloc{ color:#009fe3; }
 #js-product-list .generiqueListe .blocPrixCDE{ border-left:#99d8f4 solid 1px; }
 #js-product-list .generiqueListe .supportProdListe-ABK{ border: solid 1px #99d8f4;}

 #js-product-list .originalTitre .titreBloc{ color:#e5017e; }
 #js-product-list .originalListe .blocPrixCDE{ border-left:#aaa solid 1px;} 
 #js-product-list .originalListe .supportProdListe-ABK{ border: solid 1px #fb4dac;} 
 
 #js-product-list .annexeTitre .titreBloc{  }
 #js-product-list .annexeListe .blocPrixCDE{  }


 #js-product-list .titreBloc  { padding-left:.5em; }
 #js-product-list .titreBloc i{ display:none;}





  /* titre */
  #js-product-list .block-category{ 
    margin: 0;
    font-size: 1.3em;
    line-height: normal;
    text-transform: uppercase;
    color: #333;
    /*background: #eee;*/
    padding: 0;
    margin-top: 2em;
    /*margin-bottom: .5em;*/
  } 

  #js-product-list .block-category:nth-of-type(1){ border-top: none; padding-top:0;}   
  
  #js-product-list .block-category a{ color:#333;}

  #js-product-list .block-category .infosDiverses{     
    font-size: 0.7em;
    position: absolute;
    right: .2em;
    text-transform: none;
    font-style: normal;
    background: #444;
    color: #fff;
    padding: .2em .7em;
    top: .1em;
  }


  /* liste */
  #products .products{ margin: 0;}

  #products .product-miniature { /*margin: 0 0 .5em 0;*/ /*padding:0.3em;*/ width:100% ;}


  
  /* miniature produit */
  /* ---------------------------------------------*/ 



  /* montage grid produit */
  /*
  .supportProdListe-ABK{
    display:grid; 
    grid-template-columns: 15% 60% 25%;
    grid-template-rows: 25px max-content;    
  }
  .supportProdListe-ABK .img{ grid-column: 1 / span 1; grid-row: 1 / span 2; }
  .supportProdListe-ABK .pictoCoul{ grid-column: 1 / span 1; grid-row: 2 / span 1; position: absolute; z-index:10;}  
  .supportProdListe-ABK .txt{ grid-column: 2 / span 1; grid-row: 2 / span 1; }
  .supportProdListe-ABK .supportInfos{ grid-column: 2 / span 1; grid-row: 1 / span 1; }  
  .supportProdListe-ABK .blocPrixCDE{ grid-column: 3 / span 1; grid-row: 1 / span 2; }
  */

  .supportProdListe-ABK{
    display:-ms-grid;
    display:grid; 
    -ms-grid-columns: 15% 60% 25%; 
    grid-template-columns: 15% 60% 25%;
    -ms-grid-rows: 25px -webkit-max-content;
    -ms-grid-rows: 25px max-content;
    grid-template-rows: 25px -webkit-max-content;
    grid-template-rows: 25px max-content;    
  }  .supportProdListe-ABK > *:nth-child(1){
    -ms-grid-row:1;
    -ms-grid-column:1;    
  }  .supportProdListe-ABK > *:nth-child(2){
    -ms-grid-row:1;
    -ms-grid-column:2;    
  }  .supportProdListe-ABK > *:nth-child(3){
    -ms-grid-row:1;
    -ms-grid-column:3;    
  }  .supportProdListe-ABK > *:nth-child(4){
    -ms-grid-row:2;
    -ms-grid-column:1;    
  }  .supportProdListe-ABK > *:nth-child(5){
    -ms-grid-row:2;
    -ms-grid-column:2;    
  }  .supportProdListe-ABK > *:nth-child(6){
    -ms-grid-row:2;
    -ms-grid-column:3;    
  }
  .supportProdListe-ABK .img{ -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; }
  .supportProdListe-ABK .pictoCoul{ -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / span 1; position: absolute; z-index:10;}  
  .supportProdListe-ABK .txt{ -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / span 1; }
  .supportProdListe-ABK .supportInfos{ -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / span 1; }  
  .supportProdListe-ABK .blocPrixCDE{ -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; }

  /* habillage */

  .supportProdListe-ABK{    
    color:#333;
    position: relative; 
    overflow:hidden; 
    padding: .15em;   
    margin: .3em -10px;
  }
  
  .supportProdListe-ABK p, .supportProdListe-ABK a{ color:#333; transition: all .3s}
  .supportProdListe-ABK a:hover{ color:#6355e8; }

  .supportProdListe-ABK .img { background-color: #fff; overflow: hidden;}  
  .supportProdListe-ABK .img img{ width: 100%;  margin: 0 !important;}


  .supportProdListe-ABK .pictoCoul{
    position: absolute;
    z-index: 10;
    width: 50px;
    right: -3px;
    bottom: -3px;
  }  

  .supportProdListe-ABK .pictoCoul img{  
    width: 108%; margin:0 !important;
  }

  .supportProdListe-ABK .txt{ padding: .5em 1em .1em 1em; }
  .supportProdListe-ABK .txt .ref{ font-size: .85em; display: block; padding-bottom: .3em; color:#999; font-style: italic;}
  .supportProdListe-ABK .txt h3{ text-transform: uppercase; margin: 0; padding: 0 }
  .supportProdListe-ABK .txt .txtInfos{ font-size: .9em; padding: 0; margin-bottom: .5em} 

  
  /* bloc imp compatibles */
  /* ------------------------------------------- */
  .supportProdListe-ABK .impCompatibles { font-size: .85em; color:#009fe3;}
  .supportProdListe-ABK .impCompatibles ul{ }
  .supportProdListe-ABK .impCompatibles ul li{ display: inline; }
  .supportProdListe-ABK .impCompatibles ul li::before{ content:" - "; }
  .supportProdListe-ABK .impCompatibles ul li a{ text-decoration: underline; }
  .supportProdListe-ABK .impCompatibles ul li .obflink{ text-decoration: underline; }  
  .supportProdListe-ABK .impCompatibles ul :nth-of-type(1)::before{ content:""; }




  
  /* bloc support stock / rapportPrix / garantie */
  /* ------------------------------------------- */
  .supportProdListe-ABK .supportInfos{ display:flex; margin-left: 1em;}  



  /* stock */
  .supportProdListe-ABK .blocStock {
    flex : 0 0 20%;
    background: #0d0; 
    color: #fff; 
    display: flex;
    justify-content: center;
    align-items: center;  
    white-space: nowrap;   
    padding:0 .5em;
    margin-right:3px;
  }

  .supportProdListe-ABK .blocStock .txtStock{ font-size:.9em; }
  
  .supportProdListe-ABK .blocStock .rupture{ background: #f00 }


  /* garantie */
  .supportProdListe-ABK .txtGarantie{ 
    flex : 0 0 20%;
    background: #33b2e9; 
    color:#fff; 
    display:flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding:0 1em;
  }




  /* rapportPrix */
  .supportProdListe-ABK .prixRapport, .supportProdListe-ABK .prixRapportOriginal{ 
    flex: 1 1 auto;
    background: #33b2e9;
    color: #fff;
    display: flex;
    align-items: center;
    position: relative;
    padding: .2em .8em;
    margin-right:3px;
  }

  .supportProdListe-ABK .prixRapport b{
    font-size: 2em;
     padding: .15em .2em;
     font-weight: 400
  } 

  .supportProdListe-ABK .prixRapport i{
    font-size: 0.8em;
    line-height: 1.2em;
  } 


  /*.supportProdListe-ABK .prixRapportOriginal{  }*/
  .supportProdListe-ABK .prixRapportOriginal .remise{ font-size:2em; padding: .15em .3em}    
  .supportProdListe-ABK .prixRapportOriginal .txtOriginal a{ font-size: .9em ; color:#fff; } 
  .supportProdListe-ABK .prixRapportOriginal .txtOriginal i{ color:#444; font-size: .8em;}    






  /* bloc PRIX / CDE */
  /* ------------------------------------------- */
  .supportProdListe-ABK .blocPrixCDE { padding: .5em .6em 0 .6em; margin-left: .5em; display: flex; flex-direction: column;}
  .supportProdListe-ABK .blocPrixCDE .blocPrix{flex: 1 1 auto;}

  .supportProdListe-ABK .blocPrixCDE p{ margin:0; text-align: right; line-height: 1.1em; font-size:0.9em;}
  .supportProdListe-ABK .blocPrixCDE .prixBarre{ color: #999; text-decoration: line-through; }
  .supportProdListe-ABK .blocPrixCDE .prixHT{ font-size: 1.5em; font-weight: 700; color: #009fe3;}
  .supportProdListe-ABK .blocPrixCDE .prixTTC{ color:#000;  font-weight: 400; font-size: 1em;}

  .supportProdListe-ABK .blocPrixCDE form{ 
    font-size: .8em;
    text-align: right;
    margin-top: .8em;
  }  
  .supportProdListe-ABK .blocPrixCDE .form-control{
    width:40%;
    padding: .5em .8em;
    display: inline;
    font-size: .95em;
  }

  .supportProdListe-ABK .blocPrixCDE .btn-primary{ 
    width: 100%;
    padding: .6em .8em;
    background: #444;
    display: block;
    margin: .5em 0 0 0;
    font-size: 1em;
    white-space: normal;
    font-weight: 400;
  }
  .supportProdListe-ABK .blocPrixCDE .btn-primary i{ margin-right: .5em; font-size: 1.2em}






  @media (max-width: 992px){
    /* montage grid produit miniature */
/*
    .supportProdListe-ABK{ grid-template-columns: 20% 50% 30%; grid-template-rows: auto 1fr}
    .supportProdListe-ABK .img{ grid-column: 1 / span 1; grid-row: 1 / span 2; }
    .supportProdListe-ABK .pictoCoul{ grid-column: 1 / span 1; grid-row: 2 / span 1;}  
    .supportProdListe-ABK .txt{ grid-column: 2 / span 1; grid-row: 2 / span 1; }    
    .supportProdListe-ABK .blocPrixCDE{ grid-column: 3 / span 1; grid-row: 1 / span 2; }
    .supportProdListe-ABK .supportInfos { grid-column: 2 / span 1; grid-row: 1 / span 1; }
*/

    .supportProdListe-ABK{ -ms-grid-columns: 20% 50% 30%; grid-template-columns: 20% 50% 30%; -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr}    .supportProdListe-ABK > *:nth-child(1){ -ms-grid-row: 1; -ms-grid-column: 1}    .supportProdListe-ABK > *:nth-child(2){ -ms-grid-row: 1; -ms-grid-column: 2}    .supportProdListe-ABK > *:nth-child(3){ -ms-grid-row: 1; -ms-grid-column: 3}    .supportProdListe-ABK > *:nth-child(4){ -ms-grid-row: 2; -ms-grid-column: 1}    .supportProdListe-ABK > *:nth-child(5){ -ms-grid-row: 2; -ms-grid-column: 2}    .supportProdListe-ABK > *:nth-child(6){ -ms-grid-row: 2; -ms-grid-column: 3}
    .supportProdListe-ABK .img{ -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; }
    .supportProdListe-ABK .pictoCoul{ -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / span 1;}  
    .supportProdListe-ABK .txt{ -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / span 1; }    
    .supportProdListe-ABK .blocPrixCDE{ -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1 / span 2; }
    .supportProdListe-ABK .supportInfos { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / span 1; }



    /* habillage */
    #products article{ margin:0 0 .5em 0 !important; }
    .supportProdListe-ABK .supportInfos { flex-wrap: wrap; font-size: .9em}
    .supportProdListe-ABK .prixRapport, .supportProdListe-ABK .prixRapportOriginal {order:1; margin:1px 0; flex: 0 0 100%;}
    .supportProdListe-ABK .blocStock { margin-right: 1px !important} 
    .supportProdListe-ABK .impCompatibles, #js-product-list .block-category .infosDiverses { display:none;}  
  }    

  @media (max-width:685px){
    /* montage grid produit miniature */    
    .supportProdListe-ABK{ grid-template-columns: 40% 60%; grid-template-rows: auto }
    .supportProdListe-ABK .txt{ grid-column: 1 / span 2; grid-row: 1 / span 1; }    
    .supportProdListe-ABK .img{ grid-column: 1 / span 1; grid-row: 2 / span 1; }
    .supportProdListe-ABK .blocPrixCDE{ grid-column: 2 / span 1; grid-row: 2 / span 1; }
    .supportProdListe-ABK .supportInfos { grid-column: 1 / span 1; grid-row: 2 / span 1; }
    .supportProdListe-ABK .pictoCoul{ grid-column: 1 / span 1; grid-row: 2 / span 1;}      
   
    /* habillage */
    .supportProdListe-ABK .txt {border-bottom: solid 1px #99d8f4; margin-bottom:3px;}
    .supportProdListe-ABK .txt .txtInfos {margin-bottom: 3px}
    .supportProdListe-ABK .supportInfos { display: block;}   
    .supportProdListe-ABK .blocStock{ margin-bottom: 1px; margin-right: 0px !important; } 
  }






  /* ********************************************* */
  /* PRODUITS ASSOCIES >> basé sur miniature */
  /* ********************************************* */


  .product-accessories{padding:.3em;}
  .product-accessories .h6{
    text-transform: uppercase;
    padding: .4em 1em;
    font-style: normal;
    border-bottom: solid 1px #333;
    color: #333;
  }  
  .product-accessories .products{ display: flex !important;}
  .product-accessories .product-miniature{ margin: 0 0% 3% 0%; }


  article.produitsAssocies{ 
    flex: 0 1 25%; 
    display: flex;
    flex-direction: column;    
  }

  /* habillage */  
  article.produitsAssocies {border-right: solid 1px #eee; position: relative;}  
  article.produitsAssocies:nth-of-type(4n+1){ border-left: solid 1px #eee }
  article.produitsAssocies .img{width:150px; margin: 0 auto; }
  article.produitsAssocies img{width:100%;}
  article.produitsAssocies .pictoCoul{ position: absolute; width:50px; left:0;}
  article.produitsAssocies .garantie{ 
    position: absolute;
    color: #fff;
    background: #009fe3;
    padding: .2em .5em;
    top: .6em;
    right: .5em;
  }  

  article.produitsAssocies .txt{font-size: .7em; padding: .3em .8em; text-align: right; color:#999; min-height: 70px; flex: 1 1 auto;}
  article.produitsAssocies .txt h3{ font-size: 1.3em;}
  article.produitsAssocies .txt h3 a{ /* color:#6355e8;*/  color:#333;}
  article.produitsAssocies .blocPrixCDE{font-size: .9em; padding: .3em .8em; background: #fff; }
  article.produitsAssocies .blocPrixCDE p{margin: 0; text-align: right; /*border: 1px solid #009fe3*/}
  article.produitsAssocies .blocPrixCDE .prixHT{ color:  #009fe3;font-weight: 700; font-size: 1.3em;}
 article.produitsAssocies .blocPrixCDE .prixTTC{ color: #333; font-weight: 400;}


  article.produitsAssocies form{display: flex}
  article.produitsAssocies .form-control{flex: 0 1 30%; padding: .2em .5em; margin-right: .3em}
  article.produitsAssocies button{ flex: 0 1 70%; width:auto; white-space: normal; background: #333}
  article.produitsAssocies button:hover{ background: #999; }
  article.produitsAssocies button .material-icons{ margin-right: 0 }


  @media (max-width: 992px){
    .product-accessories .product-miniature{ margin: 0 .5% 5% .5%; }
    article.produitsAssocies{ flex: 0 1 32.33%;}
    article.produitsAssocies:nth-of-type(3n+1){ border-left: dotted 1px #ccc }

  }

  @media (max-width: 767px){
    article.produitsAssocies{ flex: 0 1 49%; }
    article.produitsAssocies:nth-of-type(3n+1){ border-left: none }
    article.produitsAssocies:nth-of-type(2n+1){ border-left: dotted 1px #ccc }    
  }








/* ********************************************************************** */
/* MONTAGE PRODUIT */
/* ********************************************************************** */


  /* Gestion des couleurs */

  .generique .blocPrixCDE, .generique .headerArticle h1{ color: #009fe3; }
  .original .blocPrixCDE, .original .headerArticle h1{ color: #e6007e;}
  .annexe .blocPrixCDE, .annexe .headerArticle{  }

  .blocPrixProd.generique .etatStock {}
  .blocPrixProd.original .etatStock {}
  .blocPrixProd.annexe .etatStock {}

  .ficheProduit .blocPrixProd .rupture {}  

  /*#product .generique #block-reassurance { background-color: #fffcbb;}*/

  
  .ficheProduit .mobil{display: none}

  /* grid fiche produit haut */
  /* ****************************** */  
  /*
  .ficheProduit .supportProduitHaut{
    display:grid; 
    grid-template-columns: 26% 37% 37%;
    grid-template-rows: auto;
    margin-top: 2em;
  }


  .ficheProduit .headerArticle{ grid-column: 1 / span 3; grid-row: 1 / span 1;  }
  .ficheProduit .blocImagesProd{ grid-column: 1 / span 1; grid-row: 2 / span 2; }
  .ficheProduit .blocPrixProd{ grid-column: 2 / span 1; grid-row: 2 / span 1; }
  .ficheProduit .blocCentreProd{ grid-column: 2 / span 2; grid-row: 3 / span 1; }
  .ficheProduit .supportInfos{ grid-column: 3 / span 1; grid-row: 2 / span 1; }  
  */



  .ficheProduit .supportProduitHaut{
    display:-ms-grid;
    display:grid; 
    -ms-grid-columns: 26% 37% 37%; 
    grid-template-columns: 26% 37% 37%;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    margin-top: 2em;
  }  .ficheProduit .supportProduitHaut > *:nth-child(1){
    -ms-grid-row:1;
    -ms-grid-column:1;
  }  .ficheProduit .supportProduitHaut > *:nth-child(2){
    -ms-grid-row:1;
    -ms-grid-column:2;
  }  .ficheProduit .supportProduitHaut > *:nth-child(3){
    -ms-grid-row:1;
    -ms-grid-column:3;
  }


  .ficheProduit .headerArticle{ -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / span 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / span 1;  }
  .ficheProduit .blocImagesProd{ -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; -ms-grid-row: 2; -ms-grid-row-span: 2; grid-row: 2 / span 2; }
  .ficheProduit .blocPrixProd{ -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / span 1; }
  .ficheProduit .blocCentreProd{ -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2 / span 2; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / span 1; }
  .ficheProduit .supportInfos{ -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / span 1; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / span 1; }    


  /* habillage haut produit*/
  /* ****************************** */
  
  .ficheProduit {position: relative;}
  .ficheProduit li.product-flag{display: none}
  .ficheProduit header{width: 100%; padding-left: 2.2em;}
  .ficheProduit .headerArticle { display: flex;}
  .ficheProduit .headerArticle img{ width: 70px}
  .ficheProduit h1{ 
    margin: 0; 
    font-weight: 400; 
    font-size: 1.5em; 
    padding: .2em 1em;
  }



  .ficheProduit .pictoCoul{
    position: absolute;
    left: 0;
    top: -1.2em;
  }



  .ficheProduit .product-cover { margin-bottom: 0;}
  .ficheProduit .product-cover img{ box-shadow: none;}
  .ficheProduit .product-cover .layer {display: none}
  .ficheProduit .thumb{ border:#eee 2px solid; box-shadow: none !important; width: 60px;    margin: -1em 0 0 0 !important; position: relative; z-index: 10 }
  .ficheProduit .product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover{
    border:#eee solid 1px;
  }


  /* bloc centre : titre / infos / txt */

  .ficheProduit .blocCentreProd { padding: .5em 1em; position: relative; border: 1px solid #eaeaea; margin: 0 .5em;}
  .ficheProduit .blocCentreProd p{color:#333; margin: 0; font-size: 1em}

  .ficheProduit .blocCentreProd .ref{ font-style: italic; font-size: .9em; color: #777; margin-bottom: .8em}  

  .ficheProduit .blocCentreProd .resume, .ficheProduit .blocCentreProd .resume p,.ficheProduit .blocCentreProd .resume h2{margin-top: .8em; color: #777; font-size: .95em; font-weight: 400; line-height: normal; font-style: italic;} 



  
  /* bloc : stock garantie + info prix générique */

  .ficheProduit .supportInfos{ margin: .3em .5em;}

  .ficheProduit .etatStock, .ficheProduit .txtGarantie, .ficheProduit .remisePrix{
    padding: .5em 1em;
    background: #0d0;
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 3px 
  }
  .ficheProduit .remisePrix strong{text-decoration: underline;}

  .ficheProduit .etatStock{ background: #0d0;  }
  .ficheProduit .txtGarantie{ background: #7fcff1;}
  .ficheProduit .remisePrix{ background: #eaeaea; }
  .ficheProduit .remisePrix a{color:#333; font-size: .9em}
  .ficheProduit .remisePrix b{
    font-size:1em; 
    color:#009fe3; 
    display: block; 
    text-transform: uppercase;     
  }  




  /* bloc prix */

  .blocPrixProd{ position: relative; margin: .3em .5em; display: flex; flex-direction: column;}

  
  .blocPrixProd .blocPrixCDE{ flex: 1 1 auto; text-align: right; padding: .5em 1em; display: flex; flex-direction: column; justify-content: center; border:solid 1px #009fe3;; }
  .blocPrixProd .blocPrixCDE p{ margin:0; line-height: 1em; color:#333; padding: .08em 0}
  .blocPrixProd .blocPrixCDE .prixBarre{ color:#999; text-decoration: line-through; }
  .blocPrixProd .blocPrixCDE .prixHT{ font-size: 1.8em; font-weight: 700; color:#009fe3;}
  .blocPrixProd .blocPrixCDE .prixTTC{ color:#000;  font-weight: 400; font-size: 1.2em;}

  .blocPrixProd .product-quantity { display: flex;     margin: .5em 0 0 0; border-bottom: #fff solid 1px}
  .blocPrixProd .product-quantity .qty, .blocPrixProd .product-quantity .add{ flex:1 1 auto; float:none; } 
  .blocPrixProd .product-quantity .input-group{ display: flex }
  .blocPrixProd .bootstrap-touchspin { display: flex; float:none; box-shadow: none }
  .blocPrixProd .add{ width: 100%;  }  
  .blocPrixProd .btn-primary{ padding: .5em; background-color: #333; font-size: .95em; white-space: normal; font-weight: 400; width: 100%;} 
  .blocPrixProd .btn-primary i{margin: 0}

  .product-minimal-quantity{ display: none }

  .product-quantity .add, .product-quantity .qty { margin-bottom: .3em;}





  




  /* produit bas */

  .supportProduitBas{ margin:2em 0; }
  .supportProduitBas .h6{     
    text-transform: uppercase;
    padding: .4em 1em;
    font-style: normal;
    /*background: #333;*/
    color: #333;
    border-bottom: 1px solid #333;
  }  
  .supportProduitBas .caract, .supportProduitBas .impCompatibles{ margin-bottom: 1.5em}
  .supportProduitBas .caract{ float: left; width:49%; }
  .supportProduitBas .impCompatibles{ float: right; width:49%;}
  .supportProduitBas .description{ clear: both; }  

  .supportProduitBas .caract li{margin-bottom: .3em; padding: .3em .5em; font-size: 0.9em}
  .supportProduitBas .caract li:nth-of-type(2n+1){background: #f5f5f5}
  .supportProduitBas .caract li span{ width: 49%; display: inline-block;}
  
  .supportProduitBas .impCompatibles ul{ display: flex; flex-wrap: wrap; }
  .supportProduitBas .impCompatibles li{ 
    background: #f5f5f5;
    padding: .3em .8em;
    margin: 0 .3em .3em .3em;
    font-size:0.9em;     
    flex: 1 1 20%;
  }

  .supportProduitBas .impCompatibles li a{ color:#333;}
  .supportProduitBas .impCompatibles li .obflink{ color:#333;}  
  .supportProduitBas .description{ font-style: italic; text-align: justify; }
  .blocPrixProd .btn-primary i{margin:0 8px 0 0;}





/* gestion RWB */
@media (max-width: 1060px) {
  .blocPrixProd .btn-primary {font-size: .85em; display: flex; align-items: center; justify-content: center; padding:0 .5em; line-height: 1.2em}
  .blocPrixProd .btn-primary i{font-size: 1.5em; padding: 0; margin: 1px 8px 0px 0;}
}
  
@media (max-width: 992px) {
 
  /* grid fiche produit haut */



  /* habillage */
  .ficheProduit header h1{ font-size: 1.2em } 
  .ficheProduit .blocPrixProd .blocPrixCDE{ font-size: .9em; }
  .blocPrixProd .btn-primary { font-size: .8em;}
  .supportProduitBas .caract, .supportProduitBas .impCompatibles{float:none; width: 100%; margin-bottom: 3em;}
}

@media (max-width: 840px) {
  .ficheProduit .blocPrixProd .btn-primary i{ display: none }
  .ficheProduit .blocPrixProd .blocPrixCDE{ font-size: .8em; }
  .ficheProduit .supportInfos{ font-size: .9em;}  

}


@media (max-width: 767px) {
  /* grid fiche produit haut */

  .ficheProduit .supportProduitHaut{
    display:grid; 
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
  }

  .ficheProduit .headerArticle{ grid-column: 1 / span 2; grid-row: 1 / span 1;  }  
  .ficheProduit .blocImagesProd{ grid-column: 1 / span 2; grid-row: 2 / span 1; }
  .ficheProduit .blocCentreProd{ grid-column: 1 / span 2; grid-row: 3 / span 1; }
  .ficheProduit .blocPrixProd{ grid-column: 2 / span 1; grid-row: 4 / span 1; }
  .ficheProduit .supportInfos{ grid-column: 1 / span 1; grid-row: 4 / span 1; }  


  /* habillage */
  .ficheProduit .images-container{ max-width: 250px; margin:0 auto; }
  .ficheProduit .images-container .js-qv-mask, .ficheProduit .resume {display: none}



}


@media (max-width: 550px) {

  .ficheProduit .blocPrixProd{ grid-column: 1 / span 2; grid-row: 5 / span 1; }
  .ficheProduit .supportInfos{ grid-column: 1 / span 2; grid-row: 4 / span 1; }  

}


















  /* ****************************** */
  /* Pages CMS */
  /* ****************************** */

.page-cms.machines-a-affranchir p,.page-cms.autres-marques-imprimantes p{
  display: flex; 
  flex-wrap: wrap;     
  border-top: #b9b9b9 solid 1px;
  border-bottom: #b9b9b9 solid 1px;
  padding: .5em 0;
}



.page-cms.machines-a-affranchir a,.page-cms.autres-marques-imprimantes a{ 
    flex: 0 1 23.5%;
    background: #666;
    padding: .8em 1em .8em 1em;
    margin: .75%;
    display: flex;
    align-items: center;    
    font-weight: 700;
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
    transition: all 0.3s;
    position:relative;
}


.page-cms.machines-a-affranchir a:before,.page-cms.autres-marques-imprimantes a:before {   
    content: "play_arrow";
    color: #009fe3;
    font-family: Material Icons;    
    font-size: 4em;
    /*text-shadow: 0px 0px 5px rgba(0,0,0,.3);*/
    left:50%;
    position: absolute;
    transform: scaleX(.35);
    transition: all .4s;
    opacity: 0;
    text-shadow: 5px 0 3px rgba(0,0,0,.5);
  }


.page-cms.machines-a-affranchir a,.page-cms.autres-marques-imprimantes a{ color: #fff; width: 100%; font-weight: 400; font-size: .9em}

.page-cms.machines-a-affranchir a:hover,.page-cms.autres-marques-imprimantes a:hover{ 
 box-shadow: inset 0 3px 3px rgba(0,0,0,.2); background: #009fe3
} 
.page-cms.machines-a-affranchir a:hover::before,.page-cms.autres-marques-imprimantes a:hover::before{color: #fff; left: -.5em; opacity: 1;} 

@media (max-width: 767px) {
.page-cms.machines-a-affranchir a,.page-cms.autres-marques-imprimantes a{ flex: 0 1 99%; padding: .7em .5em .7em 1em;}
}





  /* ****************************** */
  /* PAGES CDE + INSCRIPTION */
  /* ****************************** */

    #authentication #content , .page-addresses .address, 
    .page-customer-account #content,
    .page-authentication #content,
    .page-my-account #content .links a span.link-item { box-shadow: none; border:1px solid #ddd;}
    @media (min-width: 992px){
      #content .links .col-lg-4 { width:50%; }
    }
    .help-block { margin-top: .625em; margin-bottom:1em !important}
    .custom-checkbox{margin-top:1em;}
    .custom-checkbox label{ font-size: .85em; line-height: 1.2em}

    .pageCMS .form-control, .pageCMS input, .pageCMS select, .pageCMS area {
        padding: .4em .8em;
        height: auto;
        box-shadow: inset 0px 1px 10px rgba(0,0,0,.2);
        outline: none !important;
        font-size: 1em;
        border: none;
        background-color: #fff;
        border: solid 1px #eee;
        /*border-radius: 20px;*/
        line-height: 20px;
    }

    #checkout input:-webkit-autofill, 
    #checkout input:-webkit-autofill:hover, 
    #checkout input:-webkit-autofill:focus,
    #checkout textarea:-webkit-autofill, 
    #checkout textarea:-webkit-autofill:hover,
    #checkout textarea:-webkit-autofill:focus, 
    #checkout select:-webkit-autofill, 
    #checkout select:-webkit-autofill:hover, 
    #checkout select:-webkit-autofill:focus

    .pageCMS input:-webkit-autofill, 
    .pageCMS input:-webkit-autofill:hover, 
    .pageCMS input:-webkit-autofill:focus,
    .pageCMS textarea:-webkit-autofill, 
    .pageCMS textarea:-webkit-autofill:hover,
    .pageCMS textarea:-webkit-autofill:focus, 
    .pageCMS select:-webkit-autofill, 
    .pageCMS select:-webkit-autofill:hover, 
    .pageCMS select:-webkit-autofill:focus {
        border: solid 1px #ddd;
        -webkit-text-fill-color: #333 !important;
        -webkit-box-shadow: none;
        transition: background-color 5000s ease-in-out 0s;
    }

    .pageCMS [data-action="show-password"]{ 
      /*border-radius: 0 20px 20px 0;*/ background: #333 !important
    }

    .form-footer button{ margin-top:1em; width:100%;}

    .page-my-account #content .links a i {
      display: block;
      font-size: 3.5em;
      width: 100%;
      color: #6255e8;
      padding-bottom: 1.2em; transition: .3s all}

    .page-my-account #content .links a:hover i{color:#333;}

    /* PAGE PANIER */
    .cart-container, .cart-summary{ box-shadow: none;  }
    .discount-percentage{ background: #f00 !important }
    .has-discount.product-price, .has-discount p { color: #f00;}    
    .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {width:2em;}
    .product-line-grid-right .cart-line-product-actions, .product-line-grid-right .product-price { color: #6255e8;}
    .remove-from-cart{color:#f00 !important;}
    
    @media (min-width: 768px){
      .product-line-actions{ padding:0; }
    }


    /* PAGE CDE */
    /* *************************************** */
    #checkout header{}
    body#checkout section.checkout-step, body#checkout .card{
     box-shadow: none; border: solid 1px #ddd !important; margin-top:1em;
    }

    #conditions-to-approve .custom-checkbox{margin-top:0;}

    /* Contre footer */
    body#checkout #footer { box-shadow: none; padding: 0; }













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

  .footer-container { 
    position: relative;
    z-index: 1500;
    background: #f5f5f5; 
    padding-bottom: .8em; 
    box-shadow: none; 
/*    border-top: solid 1px #aaa; 
    border-bottom: solid 1px #aaa;*/
  }
  .footer-container .container { max-width: 1190px; width: 100%;}
  .footer-container .container .row{ margin: 0 -15px; display: flex;}

  .footer-container .container .links{float: none; flex: 1 1 60%; width: auto;}
  .footer-container .container .links .wapper{ flex: 1 1 auto; }

  .footer-container .container .row .row{margin: 0}
  .footer-container .container .h3, #block_myaccount_infos .myaccount-title a, .footer-container .container .block-contact-title{ color: #009fe3; font-size: 1em; font-weight: 400; font-style: italic;}

  #block_myaccount_infos{flex: 1 1 20%; border-left: 1px dotted #aaa; padding-left: 1.5em;}

  .footer-container li a {color: #111;}



  .footer-container .container .block-contact{
    flex: 1 1 24%;
    padding: 2em 1em;
    min-width: 250px;
    background: #333;
    margin: -2em 0 -2em 0;
  }
  .footer-container .container .block-contact .block-contact-title{ font-style: normal; }
  .footer-container .container .block-contact span{color:#111; display: block; line-height: auto; font-size:.85em; padding-top: .5em}
  .footer-container .container .block-contact .numTxt{ color:#fff; } 
  .footer-container .container .block-contact .num{ font-size: 2em; color:#009fe3;  } 
  .footer-container .container .block-contact .numInfo{ font-style: italic; color:#009fe3; font-size: .8em;} 
  .footer-container .container .block-contact .form a{ color:#fff; } 

  .copyright{color: #009fe3; padding: .8em 1em; text-align: center; font-size: 0.85em;}




  @media (max-width: 992px) {
     .footer-container .container .row .row{flex-wrap: wrap;}
     .footer-container .container .links{ flex: 1 1 50%;}
  }



    @media (max-width: 767px) {
    .footer-container .container > .row{display: grid; grid-template-columns: 50% 50%;}
    .footer-container .container .links{ grid-column: 1 / span 1; grid-row: 1 / span 1; }
    #block_myaccount_infos{ grid-column: 1 / span 1; grid-row: 2 / span 1; 
      margin: 0 15px 1em 15px; border:none;}

    .footer-container .container .row > div{ flex: 0 1 100%;}
    .footer-container .block-contact{ grid-column: 2 / span 1; grid-row: 1 / span 2; padding-top:1em;}


    .footer-container .container .block-contact {        margin: 0;    }
    .footer-container {    padding-bottom: .8em;}

  }

    @media (max-width: 550px) {
      .footer-container .container > .row{display: initial;} 
      .footer-container .container .block-contact{ border:none;}
    }






  /* ****************************** */
  /* ACCUEIL */
  /* ****************************** */

  #bonslick .link-bonslick {width: 100%; max-width: 900px; margin: 0 auto;}
  #bonslick li { margin-bottom: 0; margin-top: 30px} 

  .blocLogo { /*margin-top: 2em;*/ }
  .blocLogo ul{ display: flex; flex-wrap:wrap; }
  .blocLogo ul li{ flex: 0 1 19.2%; margin: 0.4%; background: #ccc}
  .blocLogo ul li img{ width: 100% }
  .blocLogo ul li.toutesMarques{  background: #333 ; display: flex; justify-content: center; align-items: center;}  
  .blocLogo ul li.toutesMarques a{color:#fff; text-align: center; font-size:.9em; width: 100%; display: block; padding:.5em;}


  .blocLogo ul li:hover{ background: #009fe3 }
  .blocLogo ul li.toutesMarques:hover{ background: #009fe3 }

  .blocInfosGenerique { margin-top: 3em; }
  .blocInfosGenerique .titreBloc .titre1{ line-height: normal; text-transform: uppercase; font-size: 1.8em; font-weight: 700; padding-bottom: .5em; text-align: center  }
  .blocInfosGenerique ul{ display: flex }
  .blocInfosGenerique ul li{ flex:1 1 25%; text-align: center; margin: 1%; /*background: #eee;*/ padding: 1%; /*box-shadow: 0 1px 0px rgba(0,0,0,.5)*/;  } 
  .blocInfosGenerique .icone i{ font-size: 3em; color: #009fe3; margin: .1em 0}
  .blocInfosGenerique .titre{ color: #009fe3 ; border-bottom: #009fe3 1px solid; padding-bottom: .3em; margin-bottom: .3em}
  .blocInfosGenerique .txtInfo{ color: #666 ; font-size: .9em }



  .pageCMS .texteAccueil h1{text-transform: uppercase; font-size: 1.8em; font-weight: 700; padding-bottom: .5em; text-align: center; margin: 1em 0 0 0; padding:0; text-align: center; line-height: normal}
  .pageCMS .texteAccueil h2{ font-size: 1.8em; font-weight: 400; text-align: center; color:#009fe3;}
  .pageCMS .texteAccueil h3{ font-style: normal;  margin: .5em; }
  .pageCMS .texteAccueil p{ text-align: justify; }


  @media (max-width: 1130px) {
    .blocLogo ul li.toutesMarques a{color:#fff; text-align: center; font-size:.8em; line-height: 1em}
  }

  @media (max-width: 950px) {
    .blocLogo ul li{ flex: 1 1 32.2%;}
    .blocLogo ul li.toutesMarques a{font-size:1.1em; }
  }

  @media (max-width: 580px) {
    .blocInfosGenerique ul{ flex-wrap:wrap; }
    .blocInfosGenerique ul li{ flex: 0 0 48% }
  }


  @media (max-width: 420px) {
    .blocInfosGenerique ul{ display: block }
    #bonslick{ display: none }
  }





  /* ****************************** */
  /* doofinder */
  /* ****************************** */
  
  @media (min-width: 763px){  
  #dfclassic { 
      width: 96% !important;  
      left: 2% !important;
      box-shadow: inset 0px -10px 5px rgba(0,0,0,.5), 0px -10px 20px rgba(0,0,0,.3);
    }
  }

  @media (min-width: 990px){  
    #dfclassic { 
      width: 80% !important;  
      left: 10% !important;       
    }
  } 

  @media (min-width: 1250px){  
    #dfclassic { 
      width: 60% !important;  
      left: 20% !important;     
    }
  } 



  .df-header-title{ color:#fff;}
  .df-icon svg { fill: #fff !important;}
  .df-header{ background: #009fe3; }
  .df-branding{ height:3px; background: #009fe3; }
  .doofinderLogo{ display: none; }




  /* ****************************** */
  /* Titre cms */
  /* ****************************** */
  .pageCMS h1, #search h2{ 
    background: #009fe3;
    color: #fff;
    font-weight: 400;
    font-size: 2em;
    padding: .2em 1em;
    text-align: center;
  }

  #search h2{  font-size: 1.5em; margin-top:1em;}


  /* ****************************** */
  /* Correction diverses */
  /* ****************************** */

  ::after, ::before{   
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
  }


/* ************************************* */
  /* MODIF - LISTE SITE MAP */
  /* ************************************* */
  /* #009fe3 - #333 */
  .plandusite { background:#eee; text-align: center; font-size: .9em; border-top: 1px solid #fff;  padding: .2em 1.5em}
  .plandusite a{ }  
  .plandusite a:hover{ }  

  .listeSiteMap{}
  .listeSiteMap  ul, .listeSiteMap  li { list-style: none }
  .listeSiteMap .listeMarque > li{ margin-bottom: 1em; padding: 0 0 1em 0;  }
  .listeSiteMap .listeMarque > li:nth-of-type(2n){ background: #f5f5f5  }
  .listeSiteMap .listeMarque > li > a{ font-weight:900; color:#009fe3; display: block; padding: .5em 1.5em; text-transform: uppercase; font-size: 1.5em; }
  .listeSiteMap .listeType > li > a{ text-transform: uppercase;  margin: .3em 1em; display: block; color:#333; font-weight: 700}
  .listeSiteMap .listeType > li { padding: .3em 1.5em; }
  .listeSiteMap .listeGamme { display: flex; flex-wrap: wrap;  }
  .listeSiteMap .listeGamme > li > a { border-radius: 15px; display: block; margin: .2em; padding: 0.4em .5em .4em;  background: #ddd; font-size: .9em; color:#333; }
  .listeSiteMap .listeGamme > li > a:hover{ background: #009fe3; color:#fff;}



  /* ************************************* */
  /* Nouveaux pictos CAPACITE ET PACKS */
  /* ************************************* */




/* ------------- CAPACITE / PACK ----------- */

/* gestion listing */

  
  #category .img, #search .img{ position: relative; }
  .pictoCapacite img{ width: 100%  }
  #category .supportProdListe-ABK .txt, #search .supportProdListe-ABK .txt{ position: relative; padding-right: 60px }

  #category .pictoCapacite, #search .pictoCapacite{ 
    position: absolute;
    bottom: 0;
    left:0;   
  }
  
  #category .pictoCapacite img, #search .pictoCapacite img { 
    max-width: 50px; 
  }






/* gestion Prod */

  .blocImagesProd{position: relative;}
  .blocImagesProd .pictoCapacite{ 
    position: absolute; z-index: 5; top:.3em; right: 0em; 
  }
  



/* RWD */

  @media (max-width: 990px){
    
  }
  
  @media (max-width: 767px){
    #category .supportProdListe-ABK .txt{  }
    #category .pictoCapacite{  }
  }

  @media (max-width: 420px){
    .blocImagesProd .pictoCapacite{ 
      
    }       
  }




/* correctif */
  .ficheProduit .pictoCoul { width:60px; top:-13px; z-index: 10}
  .pictoCoul img{ width: 100%  !important}

  @media (max-width: 990px){
    /*.supportProdListe-ABK .pictoCoul { top:0px;  bottom: auto; right: -5px}*/
  }

  @media (max-width: 767px){
  }


  @media (max-width: 420px){
    
  }




/* ****************************************************************** */
/* Modif catégorie IMPRIMANTES */
/* ****************************************************************** */

#category .supportProdListe-ABK .txt {padding-right: 1em}

.pictoPromo{ position: absolute; top: 0; left: 0; }
.ficheProduit .pictoPromo{z-index:5; top: .5em; left: 1.4em;}

.resumeImprimanteListing{ 
  padding-top: 10px; border-top: 1px solid #aaa;font-style: italic; font-size: .8em; line-height: normal;
}

/*.resumeImprimanteListing p{
  font-style: italic; font-size: .8em; line-height: normal;
}
*/
.supportProduitBas.Imprimantes .caract{ float: none; width: 100% }
/*.supportProduitBas.Imprimantes .impCompatibles{ display: none; }*/

#products .Imprimantes img, 
.featured-products .Imprimantes img, 
.product-accessories .Imprimantes img, 
.product-miniature .Imprimantes img
{
  padding-left:10px;
}

.Imprimantes .product-cover img{ padding:0 10px; }

.ficheProduit .Imprimantes header { padding-left:0; }


  @media (max-width: 687px){
    .resumeImprimanteListing{ border-top: none; background: #eee; padding: 0}
    .resumeImprimanteListing p{padding:.5em 1em;}
  }



/* modif page recherche */


#search .breadcrumb {display: none}