@media screen and (min-width: 1750px) {
    .top-info-text {
        font-size: 1.7rem;
        font-style: normal;
        font-weight: normal;
    }
}

@media screen and (min-width: 1920px) {
    .content table,
    #contentfourni table {
        width: 1006px;
    }
    #detailbox {
        width: 450px;
        float: left;
        margin-left: 30px;
        padding-left: 15px;
        padding-top: 30px;
    }
    #detailboxwf {
        margin-left: 30px;
    }
    #docbox {
        margin-left: 30px;
    }
    .col-alerte {
        max-width: 161px;
        min-width: 161px;
        height: 45px;
        padding-left: 10px;
    }
    #data-alerte {
        height: 550px;
        overflow-y: scroll;
        width: 1023px;
    }
    #data1 {
        width: 1023px;
    }
    .col1Ref {
        min-width: 201px;
    }
    .col1Ref.supplier {
        /*min-width: 178px;
*/
    }
    #datavalid {
        height: 550px;
        overflow-y: scroll;
        width: 1625px;
    }
}

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


/*MEDIA QUERIES PETIT ECRANS*/

@media screen and (min-width: 1305px) and (max-width: 1599px) {
    /*MEDIA QUERIES EX 1750 ONLY*/
    #data-alerte {
        width: 624px;
    }
    #contentfourni {
        margin-top: 10px;
        /*  width: 85%;
        overflow-x: scroll;*/
        float: none;
    }
    .wrapper {
        width: 100%;
        /* overflow-x: scroll;
*/
    }
    #boutonProduit {
        margin-left: 81%;
    }
    .elpev-comm {
        height: 278px;
        width: 21%;
    }
    #add-content {
        width: 80%;
    }
    #send {}
    .elpev-comm h1,
    .elpev-comm a {
        font-size: 2.1rem;
    }
    .savoir-plus.forget-password {
        margin-top: 0px;
    }
    /*END OF IT*/
    .col1Ref {
        padding-left: 10px;
        height: 45px;
        word-wrap: break-word;
        max-width: 135px;
        min-width: 135px;
        font-size: 1.25rem;
    }
    .content table,
    #contentfourni table {
        border-collapse: collapse;
        background-color: #BEBEBE;
        color: #FFF;
        font-weight: normal;
        font-style: normal;
        font-size: 14pt;
        z-index: 850;
        width: 571px;
    }
    .content {
        width: 570px;
        float: left;
        margin-top: 10px;
    }
    #data1 {
        height: 550px;
        overflow-y: scroll;
        width: 689px;
    }
    .text-sortTable {
        width: 78%;
        line-height: 14px;
        float: right;
        padding-top: 3%;
    }
    .sortTable {
        width: 20px;
        color: #FFF;
        font-size: 14px;
    }
    .list {
        float: left;
        max-height: 30px;
        background-color: #909090;
        font-size: 1.1em;
        color: #FFF;
        padding: 6px 5px 3px 10px;
    }
    #icons-search {
        width: 19%;
        position: relative;
        bottom: 33px;
        color: #FFF;
        left: 69%;
    }
    #contentvalid {
        margin-left: 6%;
    }
    #content-validtc {
        font-size: 0.8em;
        width: 418px;
        margin-top: 5%;
    }
    #btnyes-valid {
        padding-left: 8px;
        padding-top: 8px;
    }
    #btnno-valid {
        padding-left: 10px;
        padding-top: 8px;
    }
    #pdf1 {
        width: 50%;
        height: 647.85px;
        margin-top: 1%;
        margin-left: 15px;
    }
    .text-prixtotal {
        height: 35px;
        width: 100%;
        color: #636362;
        background: none repeat scroll 0% 0% #D0D0CF;
        font-size: 1.7em;
        text-align: center;
    }
    .text-prixtotal {
        height: 35px;
    }
    #prixtotal {
        width: 125px;
        height: 70px;
        background: none repeat scroll 0% 0% #808080;
        margin-left: 282px;
    }
    .col-alerte {
        font-size: 1.25rem;
        max-width: 95px;
        min-width: 95px;
    }
    #location .marker {
        margin-left: 13px;
    }
    #location .adress {
        margin-left: 46px;
        line-height: 17px;
    }
    .texte-circle {
        font-size: 1.2rem;
        width: 167px;
    }
    #data-alerte {
        /*width: 849px;*/
    }
    #detailbox {
        margin-left: 11%;
        width: 438px;
        font-size: 0.7em;
    }
    #location {
        padding-top: 0;
    }
    #prices {
        width: 58%;
        font-size: 1.1rem;
    }
    #detailproduct1 ul {
        font-size: 1.1em;
    }
    #detailproduct1 .title {
        font-size: 1.4em;
    }
    #detailproduct1 ul li {
        padding-left: 0;
    }
    #detailproduct1 {
        border-right: none;
    }
    #marge {
        margin-left: 67%;
    }
    #docbox {
        margin-left: 10%;
    }
    #detailboxwf {
        margin-left: 10%;
    }
    #location .adress {
        font-size: 1.5em;
    }
    #formvalidfourni {
        font-size: 0.8em;
    }
    .col-md-6 {
        width: 65%;
        padding: 0;
    }
    .col-md-5 {
        padding: 0;
        width: 29.667%;
    }
    .row.lignefourni .col-md-5 {
        width: 23%;
        padding: 0px;
        margin-left: 1%;
    }
    .title1validefourni.validation {
        margin-bottom: 0px;
        margin-left: 0;
    }
    .lignefourni {
        padding-left: 3%;
    }
    .lignefourni1 {
        width: 349px;
    }
    #data2 {
        width: 900px;
    }
    #checkbox1 {
        margin-right: 3px;
        margin-left: 0;
    }
    .col2 {
        font-size: 0.9em;
        text-align: center;
        max-width: 180px;
        min-width: 180px;
    }
    #contentfourni {
        /*  margin-left: 5%;
*/
    }
    #datavalid {
        width: 929px;
    }
    #contentfourni table {
        width: 900px;
    }
    #content-compta {
        width: 1000px;
    }
    #wrap-content {
        width: 1000px;
    }
    #datacompta {
        width: 1032px;
    }
    .col1Ref-compta {
        max-width: 86px;
        min-width: 86px;
    }
    .sortTable-compta {
        padding-top: 10px;
    }
    .text-sortTable-compta {
        font-size: 0.9em;
    }
    /*ORDER TREATMENT*/
    .validated-treatment-mathieu {
        width: 35%;
    }
    .validated-treatment-mathieu h1 {
        font-size: 22px;
    }
    .validated-treatment-mathieu .treatment-line-mathieu .charte {
        width: 71%;
        text-align: justify;
        font-size: 1rem;
    }
    /*ORDER TREATMENT*/
    #contentfourni {
        margin-top: 10px;
        /*width: 85%;
        overflow-x: scroll;*/
        float: none;
    }
    .data-mathieu,
    .table-mathieu {
        margin: 0px;
        width: 1314px
    }
}

@media screen and (max-width: 1305px) {
    #view.connected {
        width: 88%;
        height: 92%;
        overflow-y: visible;
        padding-left: 15px;
    }
    .elpev-comm h1,
    .elpev-comm a {
        font-size: 2.0rem;
    }
    .elpev-comm p {
        font-size: 1.3rem;
    }
    .savoir-plus {
        font-size: 2.1rem;
    }
    .elpev-comm {
        height: 244px;
    }
    .champ {
        width: 78%;
    }
    #send {
        margin-top: 3%;
        margin-bottom: 3%;
        padding-left: 8%;
        padding-right: 8%;
    }
    .info-check {
        margin-top: 5%;
    }
    .elpev-comm {
        /*width: 19%;*/
    }
    #add-content {
        /*margin-left: 208px;*/
        width: 95%;
    }
    #send {}
    #flux {
        width: 66%;
    }
    #pub {
        width: 31%;
    }
}

@media screen and (max-width: 950px) {
    #send {
        padding-left: 5%;
        padding-right: 5%;
    }
    .info-check {
        font-size: 1rem;
    }
}

@media screen and (max-width: 800px) {
    .info-check {
        float: none;
    }
}

@media screen and (max-height: 800px) {
    #loading-bar .bar {
        top: 70px;
    }
    #loading-bar-spinner .spinner-icon {
        top: 75px;
    }
}

@media screen and (min-width: 360px) and (max-width: 1305px) {
    /*ORDER TREATMENT*/
    .validated-treatment-mathieu {
        width: 63%;
        float: left;
        margin-right: 8%;
    }
    .validated-treatment-mathieu h1 {
        font-size: 23px;
    }
    .validated-treatment-mathieu .treatment-line-mathieu .charte {
        font-size: 1.2rem;
    }
    /*STYLE HEADER + ORDER*/
    #data-alerte {
        height: 411px;
    }
    .S360LOGOUTON {
        right: 51px;
        position: absolute;
        top: 0px;
        font-size: 2.4rem;
        background: none repeat scroll 0% 0% #A9C756;
        height: 66px;
        width: 70px;
        padding-top: 15px;
        display: block;
    }
    .S360LOGOUTON .fa {
        padding-left: 7px;
        cursor: pointer;
    }
    .S360LOGOUTON a:hover {
        color: #BFD467;
    }
    #research-a {
        width: 350px;
        left: 6px;
        top: 121px;
    }
    #CloseDetailOrder {
        display: block;
    }
    .breadcrumb {
        display: none;
    }
    #logName {
        border-bottom: 0;
        margin-top: 85%;
    }
    #logName span {
        display: none;
        visibility: hidden;
    }
    #logName i {
        font-size: 2.8rem;
        line-height: 2px;
        cursor: pointer;
    }
    #log {
        margin: 0;
        width: auto;
    }
    #logName-menu {
        display: none;
    }
    #logoimg {
        height: 46%;
        padding-top: 0px;
        padding-left: 1.5%;
        float: left;
        margin-top: 16px;
    }
    .actions {
        margin-left: 7px;
    }
    #buttonsAction {
        width: 72%;
        padding-top: 0px;
    }
    .S360master {
        display: none;
    }
    .menu {
        height: auto;
        width: 100%;
        margin: 0;
        padding: 0;
        /*  height: 8%;
  z-index: 9999;
*/
    }
    #lilMenu {
        display: inline;
        font-size: 3rem;
        cursor: pointer;
        position: absolute;
        right: 0;
        color: white;
        top: 78px;
    }
    #lilMenu .fa {
        padding-right: 10px;
    }
    #icons-search {
        width: 11%;
        height: 25px;
        top: 82px;
        position: absolute;
    }
    .wrapper {
        clear: left;
        width: 100%;
        overflow-x: scroll;
    }
    .list span {
        display: none;
    }
    .content {
        width: 96%;
        padding-left: 3%;
    }
    .S360CIRCLE {
        display: inline;
        font-size: 1rem;
    }
    .S360CIRCLE.SRED {
        color: #dd525d;
    }
    .S360CIRCLE.SGREEN {
        color: #A9C756;
    }
    .SContentOff {
        display: none;
        visibility: none;
    }
    #data1 {
        height: 73px;
        max-height: 73px;
    }
    #detailbox,
    #detailboxwf,
    #docbox {
        position: relative;
        bottom: 493px;
        background: #FFF;
        margin-left: 0;
        font-size: 1rem;
        width: 100%;
        padding-left: 0px;
        padding-top: 0px;
    }
    .texte-circle {
        font-size: 0.8rem;
    }
    /*CLIENT LIST*/
    #contact-repertory {
        float: none;
        width: 100%;
    }
    .contact-detail {
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
        bottom: 378px;
        position: relative;
    }
    .btnContact.active .title {
        display: none;
    }
    .top-info-text {
        font-size: 1.5rem;
    }
    #down-info {
        font-size: 1.5rem;
    }
    .ProductDetail {
        font-size: 1.5rem;
    }
    #Product-Name {
        font-size: 2rem;
    }
    .ProductDescript {
        font-size: 1.5rem;
    }
    #boutonProduit {
        margin-left: 79%;
        font-size: 1.5rem;
    }
    #descript-prod table {
        font-size: 1rem;
    }
    #var-prices h1 {
        font-size: 1.5rem;
    }
    .var-lines {
        font-size: 1.4rem;
    }
    .var-globale h1 {
        font-size: 1.4rem;
    }
    .calculator {
        font-size: 1.3rem;
    }
    .calculator h3 {
        font-size: 18px;
    }
    #infoProdTOP {
        min-height: 166px;
    }
    #variationPrice {
        min-height: 265px;
    }
    #var-prices {
        width: 80%;
    }
    .var-globale {
        margin-left: 50%;
    }
    #closeContact-Detail {
        color: #F6F6F6;
        position: absolute;
        right: 20px;
        top: 8px;
        display: block;
        cursor: pointer;
    }
    /*ORDER TREATMENT*/
    #contentfourni {
        margin-top: 10px;
        /*width: 100%;
overflow-x: scroll;
*/
        float: none;
        clear: left;
    }
    .data-mathieu,
    .table-mathieu {
        margin: 0px;
        width: 1332px
    }
    #content-fourvalid {
        width: 360px;
        border-bottom: 2px solid #D4D4D3;
        padding-bottom: 5px;
        margin-bottom: 2%;
        margin-top: 0px;
        float: none;
        margin: 0 auto;
    }
    #titlevalidefourni {
        margin-bottom: 10px;
        background: none repeat scroll 0% 0% #636362;
        width: 100%;
        font-size: 1.5em;
        padding: 2px;
    }
    .title1validefourni {
        font-size: 1.5em;
    }
    .results {
        font-size: 1.2em;
        font-weight: bold;
    }
    .lignefourni {
        margin-bottom: 8px;
    }
    .lignefourni input {
        height: 25px;
    }
    .lignefourni select {
        height: 25px;
    }
    .btn.btn-success.fileinput-button.addfiles {
        padding: 4px 0px;
        background-color: #A9C756;
        border: 0px none;
        font-family: inherit;
        font-size: 1em;
    }
    .btn.btn-success.fileinput-button.addfiles i {
        font-size: 1.2rem;
    }
    .lignefourni1 {
        width: 330px;
        margin-bottom: 10px;
        color: #636362;
        font-size: 1rem;
    }
    #charte {
        font-family: inherit;
    }
    .input-group-btn button {
        height: 25px;
        width: 25px;
    }
    .input-group-btn i {
        top: -2px;
    }
    #refus-box textarea {
        width: 98%;
        height: 195px;
        margin-bottom: 34px;
    }
    #refusBbox {
        bottom: 12px;
        right: 37%;
    }
    #nbexemple {
        font-size: 1em;
    }
    #modeleimp {
        padding-top: 4px;
        margin-bottom: 1px;
        font-size: 1em;
    }
    #bonCommande a:last-child {
        display: none;
    }
    #pdf {
        display: none;
    }
    #bonCommande {
        float: none;
        margin: 0 auto;
    }
    #bonCommande h2 {
        font-size: 1em;
    }
    #bonCommande a {
        font-size: 1em;
        padding: 1px;
        margin-left: 2%;
    }
}

@media screen and (min-width: 550px) and (max-width: 1279px) {
    /*STYLE HEADER + ORDER*/
    #location .adress {
        width: 45%;
        float: left;
        margin-left: 0%;
        padding-left: 3%;
    }
    #location .marker {
        width: 18px;
        margin-left: 1%;
    }
    #detailbox,
    #detailboxwf,
    #docbox {
        width: 505px;
        margin-left: 5%;
    }
    .content {
        width: 505px;
        margin-left: 5%;
    }
    .texte-circle {
        font-size: 1rem;
    }
    #location .adress {
        font-size: 1.4em;
    }
    /*CLIENT LIST*/
    .ProductDetail {
        font-size: 1.8rem;
    }
    #descript-prod table {
        font-size: 1.3rem;
    }
}

@media screen and (min-width: 950px) and (max-width: 1305px) {
    /*STYLE HEADER + ORDER*/
    #searchbox {
        margin: 10px 0px 10px 203px;
        width: 515px;
    }
    #CloseDetailOrder {
        display: none;
    }
    .content {
        width: 50%;
        padding-left: 0;
        padding-right: 4%;
        margin-left: 0;
    }
    #detailbox,
    #detailboxwf,
    #docbox {
        width: 48%;
        position: inherit;
        margin-left: 0;
    }
    #data1 {
        height: 348px;
        max-height: 348px;
    }
    #icons-search {
        left: 676px;
    }
    #buttonsAction {
        width: 700px;
    }
    /*CLIENT LIST*/
    .contact-detail {
        width: 57%;
        margin-top: 59px;
        margin-left: 39%;
        position: inherit;
    }
    #contact-repertory {
        width: 37%;
        float: left;
        margin-top: 0;
    }
    .btnContact.active .title {
        display: inline-block;
    }
    .header-contact-detail {
        font-size: 2.5rem;
    }
    #closeContact-Detail {
        display: none;
    }
    /*CLIENT LIST*/
    #contact-repertory {
        float: none;
        width: 100%;
    }
    .contact-detail {
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
        bottom: 378px;
        position: relative;
    }
    .btnContact.active .title {
        display: none;
    }
    .top-info-text {
        font-size: 1.5rem;
    }
    #down-info {
        font-size: 1.5rem;
    }
    .ProductDetail {
        font-size: 1.5rem;
    }
    #Product-Name {
        font-size: 2rem;
    }
    .ProductDescript {
        font-size: 1.5rem;
    }
    #boutonProduit {
        margin-left: 79%;
        font-size: 1.5rem;
    }
    #descript-prod table {
        font-size: 1rem;
    }
    #var-prices h1 {
        font-size: 1.5rem;
    }
    .var-lines {
        font-size: 1.4rem;
    }
    .var-globale h1 {
        font-size: 1.4rem;
    }
    .calculator {
        font-size: 1.3rem;
    }
    .calculator h3 {
        font-size: 18px;
    }
    #infoProdTOP {
        min-height: 166px;
    }
    #variationPrice {
        min-height: 265px;
    }
    #var-prices {
        width: 80%;
    }
    .var-globale {
        margin-left: 50%;
    }
    #closeContact-Detail {
        color: #F6F6F6;
        position: absolute;
        right: 20px;
        top: 8px;
        display: block;
        cursor: pointer;
    }
    #boutonProduit {
        margin-left: 81%;
    }
}