.orange-mc-bg {
    background-color: #dd633a;
    color: white;
}

.orange-mc{
    color: #dd633a;
}

.zoneText{
    width:300px;
    height:80px;
}

.marge-haut{
    margin-top: 50px;
}

.contour{
    border-color: #dd633a;
}
.marque{
    width: 140px;
    height: auto;
    /* margin-left: -15px;
    margin-top: -16px; */
}

.nav-item.dropdown.active > a {
    font-weight: bold;
    color: #6c757d !important;
}
.dropdown-item.active, .dropdown-item:active {
    font-weight: bold;
    color: #6c757d !important;
    text-decoration: none;
    background-color: #ccc;
  }

@media screen and (max-width: 2560px) {
    .request{
        width:600px;
        height:100px;
    }

    .response{
        width:600px;
        height:100px;
    }
}

@media screen and (max-width: 1440px) {
    .request{
        width:400px;
        height:100px;
    }

    .response{
        width:400px;
        height:100px;
    }
}

@media screen and (max-width: 768px) {
    .request{
        width:200px;
        height:100px;
    }

    .response{
        width:200px;
        height:100px;
    }

    /* .marque{
        height: 70px;
        width: 140px;
        margin-left: -15px;
        margin-top: -16px;
    } */
}

@media screen and (max-width: 425px) {
    .request{
        width:100px;
        height:50px;
    }

    .response{
        width:100px;
        height:50px;
    }
}

@media screen and (max-width: 320px) {
    .request{
        width:50px;
        height:20px;
    }

    .response{
        width:50px;
        height:10px;
    }
}