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

@media only screen and (max-width: 1400px){ /*JUSQUA 1400px*/

}

@media only screen and (max-width: 1100px) {
    .none1100{display:none}
    .cell1100{display: table-cell !important}
    .block1100{display: block !important}
    .pad01100{padding: 0px}
    #lateral{z-index: 0}
    #corp{z-index: 10;padding-left: 0;box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);}
    #corp.active{left:300px;cursor: pointer;-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;}
    #corp.active::after {background-color:#000;content: "";height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 10}
    #menu{height: calc(100% - 180px) !important}
}
@media only screen and (max-width: 1024px) {
    body::before{content: 'mobile';display: none;}
    .maxw1400{padding: 0 30px}
    .none1000{display:none}
    .left01000{margin-left: 0}
    .left1000{float: left}
    .right1000{float: right}
    .w48P1000{width: 48%}
    .w49P1000{width: 49%}
    .h401000{height: 40px !important}
    .h1501000{height: 150px}
    .top01000{margin-top: 0 !important}
    .top101000{margin-top: 10px !important}
    .top201000{margin-top: 20px !important}
    .left2P1000{margin-left: 2%}
    .left15P1000{margin-left: 15%}
    .w50P1000{width: 50%}
    .w100P1000{width: 100% !important}
    .w3001000{width: 300}
    .floatNone1000{float: none !important}
    .table1000{display: table !important}
    .block1000{display: block !important}
    .noCell1000{display: inherit}
    .center1000{text-align: center;}
    .pad20101000{padding: 20px 10px}
    .pad01000{padding: 0px}
    .pad101000{padding: 10px}
    .hauto1000{height:auto}
    .font281000{font-size: 25px;font-weight: 300;line-height: 28px}
    .bloc3.left01000{margin-left: 0 !important}
    .bloc3.w32P.left01000{margin-left: 0 !important}
    .bloc4.left01000{margin-left: 0 !important}
    .bloc4.w23P.left01000{margin-left:0 !important}
    .bloc5.left01000{margin-left: 0 !important}
    .pad40{padding: 20px}
   
}
@media only screen and (max-width: 800px){
    .maxw1400{padding: 0 2%}
    .none800{display:none}
    .w100P800{width: 100%}
    .floatNone800{float: none !important}
    .left800{float: left;display: block}
    .right800{float: right}
    .left0800{margin-left: 0}
    .w25P800{width: 25%}
    .w33P800{width: 33%}
    .h170800{height: 170px}
    .w48P800{width: 48%}
    .w50P800{width: 50%}
    .hauto800{height: auto !important}
    .bn800{border:none}
    .font22800{font-size: 22px}
    .top10800{margin-top: 10px}
    .block800{display: block !important}
    .noetc800{overflow: visible;text-overflow: inherit;white-space: inherit;}
    pad0800{padding: 0 !important}
    .selection{
        -moz-column-count:2;
        -moz-column-gap: 0;
        -moz-column-width: 50%;
        -webkit-column-count:2;
        -webkit-column-gap: 0;
        -webkit-column-width: 50%;
        column-count: 2;
        column-gap: 0;
        column-width: 50%;
    }
}
@media only screen and (max-width: 640px){
    .none600{display:none !important}
    .w100P600{width: 100% !important}
    .w80P600{width: 80%}
    .left0600{margin-left:0 !important}
    .floatNone600{float: none !important}
    .table600{display: table !important}
    .block600{display: block !important}
    .inblock600{display: inline-block !important}
    .noCell600{display: inherit}
    .center600{text-align: center;}
    .txtLeft600{text-align: left;}
    .bn600{border:none}
    .pad0600{padding:0}
    .top20600{margin-top: 20px}
    .pad100600{padding: 10px 0}
    .padL5600{padding-left: 5px}
    .bottom0600{margin-bottom: 0px}
    .top5600{margin-top: 5px}
    .top0600{margin-top: 0px}
    .top10600{margin-top: 10px}
    .top20600{margin-top: 20px}
    .top30600{margin-top: 30px}
    .h70600{height: 70px}
    .h130600{height: 130px}
    .hauto600{height:auto}
    .lineauto600{line-height:inherit}
    .pad010600{padding: 0 10px}
    .pad020600{padding: 0 20px}
    .pad510600{padding: 5px 10px}
    .w20P600{width: 20%}
    .w33P600{width:  33.33%}
    .w50P600{width: 50%}
    .w55P600{width: 55%}
    .w60P600{width: 60%}
    .w48P600{width: 48% !important}
    .w200600{width: 200px !important}
    .top0600{margin-top: 0px}
    .right600{float: right !important}
    .inblock600{display: inline-block}
    .h20600{height: 20px}
    .h30600{height: 30px}
    .left5600{margin-left: 5px}
    .vmiddle600{vertical-align: middle}
    .line20600{line-height: 20px;height: 20px}
    .bt600{border-top: 1px solid #ccc}
    .bln600{border-left: none}
    .font14600{font-size:14px}
    .pad40{padding: 10px}
    .pad10600{padding: 10px}
    /**********************/
    #lateral{z-index: 0;width:80%;}
    #corp{z-index: 10;padding-left: 0;}
    #corp.active{left:79.5%;cursor: pointer;-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;}
    #menu{height: calc(100% - 180px) !important}
    #photo_agent{height: 70px;width: 70px;display: block;float: left;background-size: auto 70px !important}
    #photo_user{height: 70px;width: 70px;display: block;float: left;}
    #nom_user{height: 70px;width: calc(100% - 90px);float: right;text-align: left}
    .messagepop{text-align: center !important;width: 100%;right: 0 !important;padding: 10px !important}
}
@media only screen and (max-width: 450px){
    .none450{display:none}
    .none450liste{display:none !important}
    .w100P450{width: 100% !important}
    .floatNone450{float: none !important}
    .table450{display: table !important}
    .block450{display: block !important}
    .table450{display: table !important}
    .noCell450{display: inherit !important}
    .initial450{display: initial !important}
    .center450{text-align: center;}
    .spacer450{clear: both}
    .hauto450{height: auto !important}
    .autolr450{margin-left:auto;margin-right:auto}
    .top10450{margin-top: 10px}
    .top20450{margin-top: 20px}
    .top0450{margin-top: 0 !important}
    .noetc450{overflow: visible;text-overflow: inherit;white-space: inherit;}
    .pad0450{padding: 0}
    .pad10450{padding: 10px}
    .left0450{margin-left: 0 !important}
    .bloc3.left0450{margin-left: 0 !important}
    .bloc3.w32P.left0450{margin-left: 0 !important}
    .bloc4.left0450{margin-left: 0 !important}
    .bloc4.w23P.left0450{margin-left:0 !important}
    .bloc5.left0450{margin-left: 0 !important}
    .w50P450{width: 50%}
    .h200450{height: 200px}
    .selection{
        -moz-column-count:1;
        -moz-column-gap: 0;
        -moz-column-width: 100%;
        -webkit-column-count:1;
        -webkit-column-gap: 0;
        -webkit-column-width: 100%;
        column-count: 1;
        column-gap: 0;
        column-width: 100%;
    }
}
@media only screen and (max-width: 350px){
    .none350{display:none}
    .w100P350{width: 100% !important}
    .floatNone350{float: none !important}
    .table350{display: table !important}
    .block350{display: block !important}
    .noCell350{display: inherit}
    .center350{text-align: center;}
    .autolr350{margin-left:auto;margin-right:auto}

}

@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}
    #recap{display: none}
}
@media only screen and (max-width: 650px){ /*MAXIMUM 600px de large MOBILE*/
    body::before {content: 'mobile';display: none;}
    .maxsection{max-width:500px;width: 80%}
    .floatNone600{float: none !important}
    .right600{float: right !important}
    .font18{font-size: 16px !important}
    .none600{display: none}
    .block600{display: block !important}
    .w95P600{width: 95%}
    .w48P600{width: 48%}
    .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}
    .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}
    .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}
    /***************/
    #recap{position: relative !important;top:inherit !important;right: inherit !important}
    .tunnel{padding: 0 !important;height: 40px}
    .messagepop{text-align: center !important;width: 100%;right: 0 !important;padding: 10px !important}
}
@media only screen and (max-width: 500px){
    .maxsection{width: 100%;padding:0 10px}
}