.box {
    width:90%;margin: auto;text-align:center
}
.tool1 {
    position:absolute;top:0%;height:5%
}
.tool2 {
    position:absolute;top:42px;height:5%
}
.tool3 {
    position:absolute;top:84px;height:5%
}
.tool4 {
    position:absolute;top:126px;height:5%
}
.tool5 {
    position:absolute;top:168px;height:5%
}
.drapVoyant {
    position:absolute;top:4%;left:54%;border-radius:50%;width:30px;height:30px;
}
.leTel {
    background-color:#2980b9
}
.id2 {
    position:absolute;top:50%
}
.id3 {
    position:absolute;top:70%
}
.id4 {
    position:absolute;top:-5%
}
.table {
    border-collapse:separate;
}
.audio {
    display:inline-block; padding : 0.2em 0; text-align : center; width : 5em; background-color:#00c853;
}
.cb {
    display:inline-block; padding : 0.2em 0; text-align : center; width : 5em; background-color:#ec407a;
}
.th1 {
    text-align:center
}
.th2 {
    padding:0 0; padding-right:15px;text-align : right
}
.th3 {
    padding:0 0; margin:0;
}
.td1 {
    width:100%;padding:0 0;
}
.direc {
    color:#7b1fa2;
}
.img_barre {
    width:80%
}
.imgplanning {
    margin-bottom:-5px;
    width:80%;
}
@media (max-width: 650px) {
    .imgplanning {
        margin-left:0px;
        width:100%
    }
}
.choixDate {
    width:30%;
    border-radius:15px;
}
@media (max-width: 650px) {
    .choixDate {
        width:70%;
        border-radius:15px;
    }
}

.th2 {
    font-size:15px
}
@media (max-width: 650px) {
    .th2 {
        font-size:10px
    }
}
@media (max-width: 400px) {
    .th2 {
        font-size:8px
    }
}