@media only screen and (min-width: 1024px){
    body::before {content: 'desktop';display: none;}
    .imgSlide{max-width: 100%}
}
@media only screen and (max-width: 1200px){
    .maxw1200{padding: 0 20px;width: 100%}
}
@media only screen and (max-width: 1024px){ /*MAXIMUM 1024px de large*/
    body::before {content: 'mobile';display: none;}
    .imgSlide{width: 100%}
    .w100PTablet{width: 100% !important}
    .wautoTablet{width: auto !important}
    .noneTablet{display: none}
    .lastNoneTablet{display: none}
    .blockTablet{display: inherit !important}
    .noCellTablet{display: inherit}
    .disBlockTablet{display: inherit !important}
    .floatNoneTablet{float: none;}
    .leftTablet{float: left}
    .centerTablet{text-align: center;}
    .w166PTablet{width: 16.6% !important}
    .w25PTablet{width: 25%}
    .w60PTablet{width: 60%}
    .w33PTablet{width: 33.3%}
    .w50PTablet{width: 50%}
    .w48PTablet{width: 48% !important}
    .w40PTablet{width: 40%}
    .w80PTablet{width: 80% !important}
    .w200Tablet{width: 200px !important}
    .spacerTablet{clear: both}
    .bloc3{margin-left: 1% !important;margin-right: 1% !important;width: 48%;}
    .hautoTablet{height: auto !important}
    .cellTablet{display: table-cell;vertical-align: middle;}
    .centerTablet{text-align: center;}
    .pad0Tablet{padding:0 !important}
    .pad20Tablet{padding:20px !important}
    .top20Tablet{margin-top: 20px}
    .top10Tablet{margin-top: 10px}
    .bnTablet{border: none !important}
    .h60Tablet{height: 60px}
    .h40Tablet{height: 40px}
    .padT55PTablet{padding-top:55% !important}
    .padL20Tablet{padding-left:20px}
    .padL10Tablet{padding-left: 10px !important}
    .pad10Tablet{padding: 10px !important}
    .spacing0Tablet{border-collapse: initial !important;border-spacing:0 !important}
    .font14Tablet{font-size: 14px !important}
    .imgSuite{max-width: 100% !important;height: auto !important}
    .w166Tablet{width: 16.6%}
    .h25Tablet{height: 25px;}
    .h45Tablet{height: 45px;}
    .font14Mobile{font-size: 14px}
    .padT39PTablet{padding-top:39%}
    .left0Tablet{margin-left: 0 !important}
    .pad5Tablet{padding:5px !important}
    /*****************/
    #hamburger, #contact {display: block;}
    #navigation{width: 50%;height: 100%;top:0}
    #corp{width: 100%;left:0;box-shadow: 0 20px 20px #000;top:0;position: relative}
    #corp:after{-webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; transition: 0.5s ease 0s}
    #hamburger.actif{left: 50% !important;}
    #corp.active{width: 100%;left: 50% !important;overflow: hidden !important;position: fixed !important;cursor: pointer}
    #corp.active:after{background-color:#000;content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 999;-webkit-transition: 0.5s ease 0s; -moz-transition: 0.5s ease 0s; -o-transition: 0.5s ease 0s; -ms-transition: 0.5s ease 0s; transition: 0.5s ease 0s;visibility: visible}
    .w25PTablet.dern{width: calc(25% - 20px);margin-left:10px;margin-right:10px}
    
}
@media only screen and (max-width: 850px){ /*MAXIMUM 850px de large*/
    .none800{display:none}
    .block800{display: block !important}
}
@media only screen and (max-width: 800px){ /*MAXIMUM 850px de large*/
    .none800{display:none}
    .block800{display: block !important}
}
@media only screen and (max-width: 640px){
    .none600{display:none !important}
    .w80P600{width: 80%}
    .w95P600{width: 95% !important}
    .w100P600{width: 100% !important}
    .left0600{margin-left:0 !important}
    .floatNone600{float: none !important}
    .table600{display: table !important}
    .block600{display: block !important}
    .inblock600{display: inline-block !important}
    .inline600{display: inline !important}
    .noCell600{display: inherit}
    .center600{text-align: center;}
    .txtLeft600{text-align: left;}
    .bn600{border:none}
    .pad0600{padding:0}
    .top20600{margin-top: 20px}
    .pad5600{padding: 5px}
    .pad10600{padding: 10px}
    .pad100600{padding: 10px 0}
    .padL5600{padding-left: 5px}
    .top5600{margin-top: 5px}
    .top0600{margin-top: 0px}
    .top10600{margin-top: 10px}
    .top30600{margin-top: 30px}
    .h130600{height: 130px}
    .hauto600{height:auto}
    .lineauto600{line-height:inherit}
    .pad010600{padding: 0 10px}
    .pad020600{padding: 0 20px}
    .pad200600{padding: 20px 0}
    .pad510600{padding: 5px 10px}
    .padR30600{padding-right: 30px}
    .padL10600{padding-left: 10px}
    .w30P600{width: 30%}
    .w50P600{width: 50%}
    .w55P600{width: 55%}
    .w48P600{width: 48% !important}
    #fixedSlide{display:none}
    #content{padding-top:50px}
    .top0600{margin-top: 0px !important}
    .right600{float: right !important}
    .inblock600{display: inline-block}
    .h30600{height: 30px}
    .h250600{height: 250px !important}
    .h100P600{height: 100% !important}
    .left0600{margin-left: 0px}
    .left5600{margin-left: 5px}
    .vmiddle600{vertical-align: middle}
    .line20600{line-height: 20px;height: 20px}
    .bt600{border-top: 1px solid #ccc}
    .bln600{border-left: none}
    .nonePackage{display: none !important} 
    .w50PPackage{width:50% !important}
    .w100PPackage{width:100% !important}
    .left0Package{margin-left:0  !important}
    .relativePackage{position: relative  !important}
    .pad100Package{padding: 10px 0 !important}
    .imgPackage{display: block !important}
    .titrePackage{white-space: inherit !important;text-overflow: inherit !important;padding: 0 !important;line-height: 25px !important;height: auto !important}
    .h100Package{height: 100px !important}
    #moteur .top30{margin-top: 10px}
    #moteur .top20{margin-top: 5px}
    #fondMoteur{min-height: auto !important;padding-bottom: 10px}
    .font25600{font-size: 25px}
    .font20600{font-size: 20px}
    .font12600{font-size: 12px}
    .line10600{line-height: 10px}
    .w10P600{width: 10%}
    .w70P600{width: 70%}
    .t0600{top: 0}
    .t40P600{top: 40%}
    .bottom10600{bottom:10px}
    .flex-wrap600{flex-wrap: wrap}
    .h75600{height: 75px}
}
@media only screen and (max-width: 450px), screen and (max-height: 450px){ /*MAXIMUM 450px de large*/
    .maxw1200{padding: 0 10px !important;width: 100%}
    .cellMobile{display: table-cell;vertical-align: middle;}
    .centerMobile{text-align: center;}
    .noneMobile{display: none}
    .noneMobile.opened{display: block !important}
    .blockMobile{display: inherit !important}
    .noCellMobile{display: inherit}
    .lastNoneTablet{display: inherit}
    .disBlockMobile{display: initial !important}
    .leftMobile{float: left !important}
    .floatNoneMobile{float: none;}
    .centerMobile{text-align: center;}
    .w33PMobile{width: 33.33%}
    .w50PMobile{width: 50%}
    .w100PMobile{width: 100% !important;margin-right: 0 !important;margin-left: 0 !important}
    .pad010Mobile{padding:0 10px !important}
    .pad0Mobile{padding:0 !important}
    .padR20Mobile{padding-right:20px !important}
    .lineautoMobile{line-height: auto !important}
    .hautoMobile{height: auto !important;min-height: inherit !important}
    .font40{font-size: 30px}
    .pad10Mobile{padding: 10px !important}
    .pad100Mobile{padding: 10px 0 !important}
    .btMobile{border-top: 1px solid #ccc}
    .padT100PMobile{padding-top:100% !important}
    .relativeMobile{position: relative !important}
    .top0Mobile{margin-top: 0 !important}
    .top20Mobile{margin-top: 20px !important}
    .bnMobile{border: none !important}
    .bloc4{margin:20px 0 0 0 !important;width: 100% !important}
    .w166PMobile{width: 16.6% !important}
    .left0Mobile{margin-left: 0 !important}
    .autolrMobile{margin-left: auto !important;margin-right: auto !important}
    .wautoMobile{width: auto !important}
    .none450{display:none}
    .none450liste{display:none !important}
    /******************/
    #navigation{width: 80%}
    #hamburger.actif{left: 80% !important;}
    #contact.actif{right: -50px !important;}
    #corp.active{left: 80% !important}
    .cat:after{box-sizing: inherit;
        color: #999;
        font-size: 25px;
        height: 40px;
        line-height: 40px;
        pointer-events: none;
        position: absolute;
        right: 10px;
        text-align: center;
        top: 0;
        width: 30px;
    }
    .blocListe .des,.blocListe .prix{width: 100% !important}
    .blocListe .prix{border-left:none;border-top: 1px solid #ccc}
    
    
    #navBateau li {display: block;padding-left: 30px;position: relative;}
    #navBateau li::active {height: 100%; width:100%; background-color: #FBBB17; color:#19103F; }
    #navBateau li::after {content: ">";height: 30px;left: 10px;line-height: 30px;position: absolute;top: 0;}
    .titre.onglet{padding-left: 20px;cursor: pointer}
    .titre.onglet::before {font-family: "Flaticon";content: "\e034";height: 30px;left: 0;line-height: 30px;position: absolute;top: 0;background-color: #fff;z-index: 2;width: 30px;font-size: 16px;}
    .titre.onglet.active::before {content: "\e008"}
}

@media only screen and (max-width: 450px){ 
    .nonePetit{display: none}
    #callmeback{width: 90%;right: 5%}
    #formCallmeback input[type="text"], #formCallmeback input[type="email"], #formCallmeback input[type="tel"], #formCallmeback select, #formCallmeback2 input[type="text"], #formCallmeback2 input[type="email"], #formCallmeback2 input[type="tel"], #formCallmeback2 select{height: 25px}
}/*MAXIMUM 450px de large*/

@media only screen and (max-width: 350px){ 
    #widgetNewsletter{transform:scale(0.75) !important;-webkit-transform:scale(0.75) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;}
}