#clock {

    position: relative;

    /*bottom: 5px;*/

    /*left: 742px;*/

    /*margin-top: -90px;*/

    /*margin-bottom: -10px;*/

    /*top: -20px;*/

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    width: 100px;

    height: 100px;

    background-color: white;

    border-radius: 50%;

    border: 2px solid rgb(0,190,255);

}

#clock #secondes, #clock #minutes, #clock #heures {

    position: absolute;

    left: 50%;

    top: 50%;

}

#clock #secondes {

    margin-left: -1px;

    margin-top: -0px;

    width: 2px;

    height: 45px;

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    background-color: rgb(100,100,100);

}

#clock #minutes {

    margin-left: -2px;

    width: 4px;

    height: 35px;

    border-radius: 10px;

    background-color: rgb(0,190,255);

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

}

#clock #heures {

    margin-left: -2.5px;

    width: 5px;

    height: 25px;

    border-radius: 5px;

    background-color: rgb(0,190,255);

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

}





#clock::before,#clock::after,.marque{

    content:"";position:absolute;width:4px;height:100%;background:rgb(100,100,100);z-index:0;left:50%;margin-left:-2px;top:0;

}

#clock::after{

    transform: rotate(90deg);

}



#interieur{

    position:relative;width:88%;height:88%;background:#fff;-moz-border-radius:1000px;-webkit-border-radius:1000px;border-radius:1000px;z-index:1000;left:6%;top:6%;

}



#interieur::before{

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 18px;

    margin-left: -4px;

    margin-top: -4px;

    position: absolute;

    background-color: rgb(100,100,100);

    top: 50%;

    left: 50%;

    z-index: 50;

}



.un-sept{transform: rotate(30deg);}

.deux-huit{transform: rotate(60deg);}

.quatre-dix{transform: rotate(120deg);}

.cinq-onze{transform: rotate(150deg);}



.marque{

    margin-left: -2%;

    top: 2.5%;

    width: 4px;

    height:95%;

    border-radius: 600px;

}



@media (max-width:767px){



    #clock{display: none;}



}