Updates Tab 01 CSS

#circ {
    width:100px;
    height:100px;
    border-radius:100%;
    background-color:{color:background};
    margin-top:-40px;
    margin-left:10px;
    position:fixed;
}

#un {
    width:10px;
    height:10px;
    margin-top:32px;
    margin-left:32px;
    border-radius:100%;
    background-color:{color:hover};/*background colour of tab 1!*/
    position:fixed;
    padding:2px;
    z-index:1;
    transition-duration:0.7s;
        -o-transition-duration:0.7s;
        -ms-transition-duration:0.7s;
        -moz-transition-duration:0.7s;
        -webkit-transition-duration:0.7s;
}

#deux {
    width:10px;
    height:10px;
    margin-top:32px;
    margin-left:52px;
    border-radius:100%;
    background-color:{color:hover};/*background colour of tab 2*/
    position:fixed;
    padding:2px;
    z-index:1;
    transition-duration:0.7s;
        -o-transition-duration:0.7s;
        -ms-transition-duration:0.7s;
        -moz-transition-duration:0.7s;
        -webkit-transition-duration:0.7s;
}

#trois {
    width:10px;
    height:10px;
    margin-top:52px;
    margin-left:32px;
    border-radius:100%;
    background-color:{color:hover};/*background colour of tab 3*/
    position:fixed;
    padding:2px;
    z-index:1;
    transition-duration:0.7s;
        -o-transition-duration:0.7s;
        -ms-transition-duration:0.7s;
        -moz-transition-duration:0.7s;
        -webkit-transition-duration:0.7s;
}

#quatre {
    width:10px;
    height:10px;
    margin-top:52px;
    margin-left:52px;
    border-radius:100%;
    background-color:{color:hover}; /*background colour of tab 4*/
    position:fixed;
    padding:2px;
    z-index:1;
    transition-duration:0.7s;
        -o-transition-duration:0.7s;
        -ms-transition-duration:0.7s;
        -moz-transition-duration:0.7s;
        -webkit-transition-duration:0.7s;
}

#un:hover, #deux:hover, #trois:hover, #quatre:hover {
    width:100px;
    height:100px;
    background-color:{color:background};/*background color of tabs after hover*/
    margin:-2px 0 0 -2px;
    z-index:10000000000000000000000;
    transition-duration:0.7s;
        -o-transition-duration:0.7s;
        -ms-transition-duration:0.7s;
        -moz-transition-duration:0.7s;
        -webkit-transition-duration:0.7s;
}

#un:hover #veil, #deux:hover #veil, #trois:hover #veil, #quatre:hover #veil {
    opacity:1;
    z-index:3;
    width:100px;
    height:auto;
    overflow:visible;
    transition-duration:0.7s;
        -o-transition-duration:0.7s;
        -ms-transition-duration:0.7s;
        -moz-transition-duration:0.7s;
        -webkit-transition-duration:0.7s;
}

#veil {
   text-align:center;
   color:{color:Text};/*color of the text*/
   font-size:9px;
   font-family:calibri;
   opacity:0;
   z-index:-1;
   width:1px;
   height:1px;
   overflow:hidden;
   transition-duration:0.7s;
        -o-transition-duration:0.7s;
        -ms-transition-duration:0.7s;
        -moz-transition-duration:0.7s;
        -webkit-transition-duration:0.7s;
}