.blockChoose{
    display: grid;
    grid-template-columns: 40% 30% 30%;
    text-align: center;
    width: 100%;
    
}

.blockChoose h3{
    margin: 2%;
}
.blockChoose select{
    margin-bottom: 5%;
    font-size: 120%;
    color: #096dbc;
    height: 70%;
}
.tableblock{
    padding: 2%;
}

#TypeTransportTableau{
    padding: 0.7%;
    text-align: center;
    text-transform: uppercase;
}
#FraisDossier{
   padding:0.5%;

}
.tabTitle{
    overflow: hidden;
    border-bottom: none;
    background-color: #f1f1f1; 
    display: grid;
}
.tabTitle button {
    background-color: inherit;
    float: left;
    border-top: #096dbc solid 1px;
    border-left: #096dbc solid 1px;
    border-bottom: #096dbc solid 1px;
    border-right: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    background-color: #f1f1f1;
    text-transform: uppercase;
}
#RemarqueB{
    border-right: 1px solid #096dbc;
}
#Table{
    animation: fadeEffect 1s;
}

.bold{
    font-weight:bold
}
.blue{
    color: #669fcc;
}

/* Change background color of buttons on hover */
.tabTitle button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tabTitle button.active {
    background-color: #ccc;
}   

/* Style the tab content */
.tabContent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #096dbc;
    border-top: none;
}
.tabContent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
  }
  
  /* Go from zero to full opacity */
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }
#Table{
    width: 100%;
    margin-top: 1%;
}
#FraisDossier{
    text-align: center;
    width: 100%;

}
@media(max-width:991px) {
    #TheTable{
        width: 100%;
        overflow-x: auto;
        display: block;
    }
}
@media(min-width:991px){
    #TheTable{
        width: 100%;
    } 
}

#TypeTransportTableau{
    color: white;
}
.bodycell{
    text-align: center;
}
.area>td{
    text-align: center;
}
ul>li{
    margin-left: 2%;
}
ul>li::marker{
    color:red;
}

.colone{
    vertical-align: middle;
}