@media only screen and (max-width: 600px) {
    .reduire {
        font-size:12px
    }
}
@media only screen and (max-width: 600px) {
    .tool5 {
        display:none
    }
}
.direc {
    color:#7b1fa2;
}
.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; margin:0; text-align : center
}
.th3 {
    padding:0 0; margin:0;
}
.td1 {
    width:100%;padding:0 0;
}
.img_barre {
    width:100%
}
.imgplanning {
    width:100%
}

.iconCli {
    padding-top: 15px;color:#2980b9
}
.iconVoy {
    padding-top: 15px;color:red
}
.espaceIcons {
    padding-left:15px
}
.box-commentaire {
    text-align:left;padding-left:6%;padding-right:4%;width:100%
}
.cli1 {
    text-align:left;padding-left:4%;padding-right:4%;width:100%
}
.cli2 {
    padding-top: 15px;color:#2980b9
}
.voy1 {
    padding-top:15px;color:red
}
.voy2 {
    color:red
}
.carousel {
    height:85px !important
}
.noDeLaPage {
    margin:-5px;border-radius: 50%;
    color:white;background-color:#2980b9;
    height:5em !important;width:5em !important
}
.noDeLaPage2 {
    position:absolute;left:26%;top:36%
}