#cartocrise {
    width: 400px!important;
    height: 500px!important;
}
td.numberalign {
    text-align: right;
    padding-right: 2rem;
}

#cartocrise {
  display:block; 
  width:800px; 
  height:800px;
} 

#cartocrise-zoom {
  padding:0px;
  display:block; 
  width:100px; 
  height:100px;
}

#container-zoom-synthese {
    position: absolute;
    margin-top: 0px;
} 

.cartopied {
    text-align: center;
    font-size: 1.3rem;
}

.color-0-2percent {
    background-color: #8EAADB;
    width: 2em;
    display: inline-block;
    margin-right: 1em;
}
.color-2-5percent {
    background-color: #92D050;
    width: 2em;
    display: inline-block;
    margin-right: 1em;
}
.color-5-10percent {
    background-color: #D2F2AC;
    width: 2em;
    display: inline-block;
    margin-right: 1em;
}
.color-10-25percent {
    background-color: yellow;
    width: 2em;
    display: inline-block;
    margin-right: 1em;
}
.color-25-50percent {
    background-color: #FFC000;
    width: 2em;
    display: inline-block;
    margin-right: 1em;
}
.color-50percent {
    background-color: #FF0000;
    width: 2em;
    display: inline-block;
    margin-right: 1em;
}

#cartolegende {
    height:200px;
    position:absolute;
    margin-top: 390px;
    font-size: 0.6em;
    line-height: 1.8em;
}

.total {
    background-color: #e3e3e3;
    font-weight: bold;
}

#table-regions td {
    padding: 0.7rem;
}


/* RWD * /

/* Tablet */
@media (min-width: 576px) { 

}

/* Desktop */
@media (min-width: 992px) { 
    #cartocrise {
        width: 600px!important;
        height: 600px!important;
    }
    #container-zoom-synthese {
        margin-left: 400px;
    }
    #cartolegende {
        margin-top: 330px;
    }
    .cartopied {
        font-size: 1.5em;
    }
}