@media (hover: hover) {
    .btn-primary:hover{
        background-color: var(--edit-light);
        border-color: var(--edit-light);
    }
    .btn-danger:hover{
        background-color: var(--danger-light);
        border-color: var(--danger-light);
    }
    .btn-info:hover{
        background-color: var(--info-light);
        border-color: var(--info-light);
    }
    .button:hover{
        background-color: var(--REA---jaune-light, #E7CD55);
        color: #FFF;
    }
    .button.edit:hover{
        background-color: var(--edit-light);
        color: #FFF;
    }
    .button.orange:hover{
        background-color: var(--warning-light, #f78d2f);
        color: #FFF;
    }
    .button.primary:hover{
        background-color: var(--primary-light);
        color: #FFF;
    }
    .button.info:hover{
        background-color: var(--info-light);
        color: #FFF;
    }
    .button.success:hover{
        background-color: var(--success-light);
        color: #FFF;
    }
    .button.warning:hover{
        background-color: var(--warning-light);
        color: #FFF;
    }
    .button.danger:hover{
        background-color: var(--danger-light);
        color: #FFF;
    }
    .button.purple:hover{
        background-color: var(--purple-light);
        color: #FFF;
    }
    .button.default:hover{
        background-color: var(--default-light);
        color: #FFF;
    }
    .button.valider:hover{
        background-color: var(--valider-light);
        color: #FFF;
    }
    .button.action:hover{
        background-color: var(--action-light);
        color: #FFF;
    }

}
@media only screen and (max-device-width : 1024px){
    .projetdisposition>div:last-child{
        display: none;
    }
    .projetdisposition{
        grid-template-columns: auto 1fr;
        grid-gap: 30px;
    }

}
@media (max-width: 1024px) {
    .simulateur .split4{
        grid-template-columns: initial;
        grid-template-rows: auto 1fr 1fr 1fr;
        grid-gap: 15px;
    }
    .simulateur .split4 .price>div{
        display: inline-block;
    }
    .simulateur .article .split4 .simulationBlock{
        display: flex;
        flex-direction: column-reverse;
    }
    .simulateur .article .split4 .price{
        width: 100%;
        text-align: right;
    }
    .simulateur .article .split4 .price>div{
        margin-right: 30px;
        color: #AAAAAA;
        display: inline-block;
    }
}
@media (max-width: 800px) {
    .simulateur .split3{
        grid-template-columns: initial;
        grid-template-rows: auto 1fr 1fr;
        grid-gap: 11px;
    }
    .simulateur .article .split3 .simulationBlock{
        display: flex;
        flex-direction: column-reverse;
    }
    .simulateur .article .split3 .price{
        width: 100%;
        text-align: right;
    }
    .simulateur .article .split3 .price>div{
        margin-right: 30px;
        color: #AAAAAA;
        display: inline-block;
    }
}
@media (max-width: 600px) {
    .simulateur .split2{
        grid-template-columns: initial;
        grid-template-rows: auto 1fr;
        grid-gap: 8px;
    }
    .simulateur .article .split2 .simulationBlock{
        display: flex;
        flex-direction: column-reverse;
    }
    .simulateur .article .split2 .price{
        width: 100%;
        text-align: right;
    }
    .simulateur .article .split2 .price>div{
        margin-right: 30px;
        color: #AAAAAA;
        display: inline-block;
    }
}