@media only screen and (max-width : 992px){
    .secteur{
        margin-left: 15px;
    }
    .barre-de-progres{
        margin: 15px 0;
    }
    .entete .logo{
        padding: 5px 15px;
    }
    .entete .nom_agence{
        padding: 10px 15px;
        margin-top: -15px;
    }
    .informations{
        display: block;
    }
    #accordiondesc{
        display: block;
        margin-bottom: 60px;
    }
    .descriptionpc{
        display: none;
    }
    .fa-caret-right, .fa-caret-down{
        margin-left: 15px;
    }
    .label-transaction{
        width: auto;
    }
    #pop-up, #message-avant{
        left: 1%;
        width: 98%;
    }
    
    #toggle_agence, #create_party{
        width: 80%;
        top: 5%;
        left: 10%;
    }
    input[type=color]{
        height: 50px;
        width: 50px;
    }
    .game .titre{ padding: 0; }
    .game h1{ font-size: 14px; }
}

@media only screen and (orientation: landscape) and (max-width : 1024px){
    #toggle_agence, #create_party{
        width: 80%;
        top: 5%;
        left: 10%;
    }
    input[type=color]{
        height: 50px;
        width: 50px;
    }
    .game .titre{ padding: 0; }
    .game h1{ font-size: 16px; }
}


@media only screen and (max-width : 767px) {
    .img-carte{
        display: none;
    }
}