
    
    #blockPerturbations table {
        margin-top:27px;
        margin-left:25px;
        border-collapse: collapse;
        width:90%;
        color: white;
    }

    #blockPerturbations_tr {
        border: solid 1px #DDD;
    }

    #blockPerturbations .inter-ligne{
        padding : 10px;
    }

    #blockPerturbations .tabulation{
        width: 30px;
    }

    #blockPerturbations .marge{
        width: 200px;
    }

    #blockPerturbations .ligne-img{
        width: 80px;
        height: 80px;
    }

    #blockPerturbations .picto-mode{
        width: 80px;
        height: 80px;
        margin-right: 30px;
    }
    
    #blockPerturbations .ligne-img-small{
        width: 50px;
        height: 50px;
    }

    #blockPerturbations .picto-mode-small{
        width: 50px;
        height: 50px;
        margin-left: 30px;        
    }

    #blockPerturbations .ligne-debut{
        text-align: left;
    }

    #blockPerturbations .ligne-perturbation{
        font-size: 28px;
        text-align: left;
        color: orangered;
        height: 20px;
    }
    #blockPerturbations .ligne-travaux{
        font-size: 28px;
        text-align: left;
        color: orange;
        height: 20px;
    }

    #blockPerturbations .ligne-titre{
        font-size: 20px;
        text-align: left;
        color: rgb(255, 255, 255);
        height: 20px;
    }

    #blockPerturbations .ligne-periode{
        font-size: 20px;
        text-align: left;
        color: darkgray;
        height: 20px;
    }

    #blockPerturbations .ligne-update{
        font-size: 16px;
        color: grey;
    }

    #blockPerturbations .ligne-texte{
        font-size: 20px;
        text-align: left;
        color: DarkGray;
        height: 20px;
    }

    #blockPerturbations .ligne-temps{
        font-size: 28px;
        text-align: left;
        color: rgb(168, 168, 168);
        height: 20px;
    }



    #blockPerturbations .last-time{
        font-size: 14px;
        color: DarkGray;
    }

    #blockPerturbations .border-line{
        border-right-style: solid;
        border-width: 5px;
        padding : 10px;
        border-color: var(--borderColor);        
    }

    #blockPerturbations .perturb-on{
        font-size: 60px;
        color: lightcoral;
        text-align: left;
    }

    #blockPerturbations .perturb-off{
        font-size: 60px;
        color: darkseagreen;
        text-align: left;
    }

    .box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .modal-header {
        background-color: black;
        color:red !important;
        text-align: left;
        font-size: 30px;
    }
    .modal-title {
        background-color: black;
        color:red !important;
        text-align: left;
        font-size: 30px;
    }
    .modal-body {
        background-color: black;
        color:white !important;
        text-align: center;
        font-size: 30px;
    }
    .modal-footer {
        background-color: black;
    }
