.imgslide{max-width: 100%}
@media only screen and (min-width: 981px){ /*A PARTIR DE 981px*/
    body::before {content: 'desktop';display: none;}

}   

@media only screen and (max-width: 1400px){ /*JUSQUA 1400px*/
    .maxw1400{padding: 0 5%}
    .imgslide{max-height: 100%;}
}

@media only screen and (max-width: 980px){ /*MAXIMUM 980px de large TABLET*/
    body::before {content: 'mobile';display: none;}
    .w100PTablet{width: 100% !important}
    .noneTablet{display: none}
    .lastNoneTablet{display: none}
    .blockTablet{display: inherit !important}
    .noCellTablet{display: inherit}
    .disBlockTablet{display: inherit !important}
    .floatNoneTablet{float: none;}
    .centerTablet{text-align: center;}
    .w60PTablet{width: 60%}
    .w50PTablet{width: 50%}
    .w40PTablet{width: 40%}
    .bloc3{margin-left: 1% !important;margin-right: 1% !important;width: 48%;}
    .maxw1200{padding: 0 20px;width: 100%}
    .hautoTablet{height: auto !important}
    .cellTablet{display: table-cell;vertical-align: middle;}
    .centerTablet{text-align: center;}
    .pad0Tablet{padding:0 !important}
    .top20Tablet{margin-top: 20px}
    .top0Tablet{margin-top: 0px !important}
    .relativeTablet{position: relative}
    .leftTablet{float: left}
    .rightTablet{float: right}
    .cellTablet{display: table-cell !important}
    .w50Tablet{width: 50px !important}
    .w80Tablet{width: 80px !important}
    .w25PTablet{width: 25% !important}
    .w80PTablet{width: 80% !important}
    .w48PTablet{width: 48% !important}
    .left0Tablet{margin-left: 0 !important}
    .l0Tablet{left: 0 !important}
    .right0Tablet{margin-right: 0 !important}
    .m0{margin: 0}
    .spacerTablet{clear: both}
    .bnTablet{border:none}
    .nospacerTablet{clear: inherit !important}
    .top0Tablet{margin-top: 0px !important}
    .top7Tablet{margin-top: 7px}
    .top10Tablet{margin-top: 10px}
    .top20Tablet{margin-top: 20px !important}
    .top40Tablet{margin-top: 40px !important}
    .top80Tablet{margin-top: 80px !important}
    .relativeTablet{position: relative}
    .font50{font-size: 40px}
    .font25Tablet{font-size: 25px;font-weight: 400}
    .maxw1400,.maxw1200,.maxw1000,.maxw600{padding: 0 2%}
    .h50Tablet{height: 50px}
    .line50Tablet{line-height: 50px}
    .padL20Tablet{padding-left:20px !important}
    .pad0Tablet{padding:0 !important}
    .pad05Tablet{padding:0 5px !important}
    .pad10Tablet{padding:10px !important}
    .pad200Tablet{padding:20px 0 !important}
    .autolrTablet{margin-left: auto;margin-right: auto}
    .wcalc190Tablet{width: calc(100% - 190px) !important}
    .txtRightTablet{text-align:right}
    /*****************/
    a:active,.liencache:active,.bouton:active{-webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s; -ms-transition: 0.3s ease 0s; transition: 0.3s ease 0s;-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);}
    header{position: fixed !important;top:0;width:100%;z-index: 20 !important}
    #navigation,#panier{width: 60%;height: calc(100% - 50px);top:50px}
    #corp.active{width: 100%;left:60%}
    #corp.activepanier{width: 100%;left:-60%}
    #fixedSlide{height: 350px;position: relative}
    #conteneur{top:0 !important}
    .produit .legende .absolute{top:0 !important}
    .categorie{border: 1px solid #ccc;height: 300px}
    #headernoir{width: calc(100% - 100px) !important}
    .promo .reduction{top:25%;}
    #fixedSlide.panier,#fixedSlide.compte {display:none;}
    #conteneur.panier,#conteneur.compte {top: 20px !important;}
    #conteneur.compte {top: 50px !important;}
    
}
@media only screen and (max-width: 450px){ /*MAXIMUM 450px de large MOBILE*/
    .cellMobile{display: table-cell !important;vertical-align: middle !important;}
    .centerMobile{text-align: center !important;}
    .noneMobile{display: none !important}
    .blockMobile{display: inherit !important}
    .noCellMobile{display: inherit !important}
    .lastNoneTablet{display: inherit !important}
    .disBlockMobile{display: inherit !important}
    .floatNoneMobile{float: none !important;}
    .centerMobile{text-align: center !important;}
    .w50PMobile{width: 50% !important}
    .w100PMobile,.w500{width: 100% !important;margin-right: 0 !important;margin-left: 0 !important}
    .pad010Mobile{padding:0 10px !important}
    .pad0Mobile{padding:0 !important}
    .hautoMobile{height: auto !important}
    .w50Mobile{width:50px !important}
    .w150Mobile{width:150px !important}
    .top10Mobile{margin-top: 10px}
    .autolrMobile{margin-left: auto;margin-right: auto}
    .h100Mobile{height: 100px}
    .w100Mobile{width: 100px}
    .pad20Mobile{padding: 20px !important}
    .t0Mobile{top:0 !important}
    .txtLeftMobile{text-align: left !important}
    .bnMobile{border:none}
    /******************/
    #navigation,#panier{width: 80% !important}
    #corp.active{width: 100%;left:80% !important;overflow: hidden  !important;position: fixed}
    #corp.activepanier{left:-80% !important}
    #headernoir{width: calc(100% - 100px) !important}
    #btpanier{width: 50px !important}
    #divsearch.w350{width: 260px !important}
    .font50{font-size: 35px !important}
    .imgInter{height: 150px !important}
}
@media only screen and (max-width: 320px){
    #divsearch.w350{width: 210px !important}
}