@media only screen and (min-width: 981px){
    body::before {content: 'desktop';display: none;}
}

@media only screen and (max-width: 1600px){ /*JUSQUA 1400px*/
    .maxsection{width: 1350px;}
}
@media only screen and (max-width: 1400px){ /*JUSQUA 1400px*/
    .maxsection{width: 95%;}
    .total.font25{font-size: 22px}
}
@media only screen and (max-width: 1300px){ /*JUSQUA 1400px*/
    .none1300{display: none}
}

@media only screen and (max-width: 1200px){ /*MAXIMUM 980px de large TABLET*/
    .maxsection{width: 100% !important; padding-right: 20px;padding-left: 20px}
    .w35P1200{width: 35% !important}
    .w48P1200{width: 48% !important}
    .w63P1200{width: 63% !important}
    .w100P1200{width: 100%}
    .w33P1200{width: 33%}
    .none1200{display: none}
}
@media only screen and (max-width: 1024px){ /*MAXIMUM 980px de large TABLET*/
    body::before {content: 'tablet';display: none;}
    .maxsection{width: 100% !important; padding-right: 20px;padding-left: 20px}
    #corp{width: 100%;padding: 0 !important}
    .none1000{display: none}
    .block1000{display: block !important;}
    .w30P800{width: 30%}
    .w33P800{width: 33%}
    .w68P800{width: 68%}
    .pad010800{padding: 0 10px}
    .bottom20800{margin-bottom: 20px}
    .bloc.no_selected.active.ba,.blocred.no_selected.active.ba{border : 1px solid #2BB049}
}
@media only screen and (max-width: 800px){ 
    #onglets{font-size: 14px}
    #onglets .onglet {padding: 0 5px}
    #onglets .icon {margin-right: 5px}
    .block800{display: block !important}
    .w150800{width: 150px !important}
    .font16{font-size: 18px !important}
    .font14{font-size: 16px !important}
    .font12{font-size: 14px !important}
}
@media only screen and (max-width: 650px){ /*MAXIMUM 600px de large MOBILE*/
    .bloc.active.ba,.blocred.active.ba {
        border: 3px solid #2BB049;
    }
    body::before {content: 'mobile';display: none;}
    .maxsection{max-width:500px;width: 80%}
    .floatNone600{float: none !important}
    .right600{float: right !important}
    .font16{font-size: 18px !important}
    .font14{font-size: 16px !important}
    .font12{font-size: 14px !important}
    .font12600{font-size: 12px !important}
    .h150600{height: 150px}
    .none600{display: none}
    .block600{display: block !important}
    .w95P600{width: 95%}
    .w48P600{width: 48%}
    .flex2600 {
        flex: 0 0 30%;
        -webkit-flex: 0 0 30%;
    }
    .w50P600{width: 50%}
    .w100P600{width: 100%}
    .w100P600{width: 100%}
    .w50600{width: 50px}
    .pad10600{padding: 10px !important}
    .pad0600{padding: 0 !important}
    .pad20{padding: 10px !important}
    .lineauto600{line-height: inherit !important}
    .hauto600{height: auto !important}
    .bloc3:not(.no600){margin-left: 0 !important}
    .top5600{margin-top: 5px}
    .bottom10600{margin-bottom: 10px}
    .top0600{margin-top: 0}
    .top10600{margin-top: 10px}
    .top20600{margin-top: 20px}
    .top30600{margin-top: 30px}
    .left0600{margin-left: 0 !important}
    .txtLeft600{text-align: left !important}
    .wauto600{width: auto !important}
    .relative600{position: relative !important}
    .center600{text-align: center}
    .bn600{border: none !important}
    .croix{top:0 !important;right:0 !important;border-radius: 0 !important;line-height: 25px;height: 25px;width: 25px;border: 1px solid #ccc;background-color: #fff;color:#ff4000}
    .justify-between600{-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
    .justify-center600{-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
    /***************/
    #recap{position: relative !important;top:inherit !important;right: inherit !important}
    #recap.new{position:fixed !important;top:0 !important;right: inherit !important}
    .tunnel{padding: 0 !important;height: 40px}
    .messagepop{text-align: center !important;width: 100%;right: 0 !important;padding: 10px !important}
    .tiny * {
        font-size: 14px !important;
        line-height: 18px !important;
    }
}
@media only screen and (max-width: 500px){
    .maxsection{width: 100%;padding:0 10px}
}


@page {
    size: A4;
    margin: 5mm;
}
@media print {
    html{
        font-size:8pt; margin: 0;
        padding: 0;
        background: #fff;
        width: 100%;
    }
    .font12{font-size: 6pt}
    .font14{font-size: 6pt}
    .font16{font-size: 8pt}
    .font18{font-size: 9pt}
    .font20{font-size: 9pt}
    .font25{font-size: 10pt}
    .font30{font-size: 10pt}
    body {
        width: 100%;
        font-size:8pt;
        margin: 0;
        padding: 0;
        background: #fff;
        height: 100%;
        text-rendering: optimizelegibility;
    }
    #height_croisiere{width: 100%;overflow: hidden}
    #corp,.maxsection,header  {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    header{height: 20mm}
    .w100PPrint{width: 100%}
    #onglet_detail{display: block !important;margin-top: 10mm}
    .bloc_total_haut .font20{text-align: center;font-size: 15pt;width: 100%}
    .ligne_presta{display: table !important;line-height: auto !important;padding: 2mm 0 !important;height: auto !important;}
    .ligne_presta.fn{background-color: #fff;color: #5D5F66}
    #recap,nav,#div_iframe,.recap_cab,.bloc_total_presta,#callmeback,#onglets,.etape_suivante,.nonePrint{display: none !important}
    .h20Print{height: 20px !important;line-height: 20px !important}
    .hautoPrint{height: auto}
    .lineautoPrint{line-height: auto !important}
    .pad50{padding: 1mm 0 !important}
    .bloc_page{ page-break-inside: avoid;}/*pas de coupure dans ces élements*/

}