#planet-blue, #GeanteRose, #astre-planet, #planet-luna, #planet-trans, #planet-saturne, #planet-sun, #planet-fragment {
	cursor: none; /*hide the default cursor*/
}



.cursor1, .cursor2, .cursor3, .cursor4, .cursor5, .cursor6, .cursor7, .cursor8 {
    position: absolute; /*tell the image to not be anywhere else other than where you told it to be*/
    cursor: none; /*hide the default cursor*/
    pointer-events: none; /*do nothing else*/
    width: 120%;
}



.BG {
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;  
}


.fond {
    background-image: url(Fond.jpg);
    background-size: 200%;
    background-repeat: no-repeat;
}
.degrade {
    background-image: radial-gradient(circle at center, white, green);
}
.wtexte {
    font-size: 20px;
    line-height: 0px;
    font-family: arial;
    font-weight: 20;    
    background: linear-gradient(to right, #D278F2, #FCC989);
    transform: translate(, 1%);    
    color:cornflowerblue;
    display: block;
    
    text-transform:lowercase;
    text-align: center;
    
    border-width: 1px;
    border-style: solid;
    border-color: blue;
    
    padding-bottom: 20px;
    padding-top: 20px;
}

#start-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url('FOND1%20copie.jpg');
    z-index: 999999;
}


.credits {
    position: absolute;
    left: 100px;
    top: 11000px;
    z-index: 3;
}


.Trans {
    position: absolute;
    left: 7000px;
    top: 5000px;
    z-index: 3;
}

.Trans {
    position: absolute;
    left: 7500px;
    top: 8900px;
    z-index: 3;
}

.Luna {
    position: absolute;
    left: 1700px;
    top: 980px;
    z-index: 3;
}



.Sun {
    position: absolute;
    left: 1800px;
    top: 8800px;
    z-index: 3;
}

.Saturne2 {
    position: absolute;
    left: 7600px;
    top: 3300px;
    z-index: 3;
}


.Fragment {
    position: absolute;
    left: 5020px;
    top: 5800px;
    z-index: 2;
}


.GeanteRose {
    position: absolute;
    left: 1320px;
    top: 5000px;
    z-index: 1;
}

.PetitsAstes {
    position: absolute;
    left: 600px;
    top: 500px;
    z-index: 1;
}


.PetitsAstes2 {
    position: absolute;
    left: 4100px;
    top: 4000px;
    z-index: 1;
}
 
.Blue {
    position: absolute;
    left: 8000px;
    top: 1000px;
    z-index: 2;  
}

.Astre {
    position: absolute;
    left: 8000px;
    top: 6000px;
    z-index: 1;
}

video:active {
    border: 0pt
}

video {
    outline: none;
    transform: rotateZ(0);
}

body {
    width: 8000px;    
}

#background {
    will-change: transform;
    transform: rotateZ(0);
    width: 16000px;
    height: 16000px;
    background-image: url('FOND1%20copie.jpg');
    background-size: cover;
    overflow: hidden;
}