.bodyAcceuil {
    color:black;
    /*margin:0;*/
}

.contact {
    /*Text*/
    text-align: center;
    font-size: 150%;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: lightgray;

    /*Position*/
    position: absolute;
    top: 10px; left: 10px;

    /*Background*/
    width: 10%;
    display: block;
    margin-left: 30px;
    margin-top:  30px;
    padding: 1%;
    background-color: rgb(24, 24, 24);
}

.contact:hover { background-color: rgb(31, 31, 31); }

.language {
    /*Position*/
    position: absolute;
    top: 100px; right: 10px;

    /*Background*/
    width: fit-content;
    margin-left: auto;
    margin-right: 30px;
    margin-top: -60px;
    padding: 1%;
    background-color: rgb(24, 24, 24);
}

.imgAcceuil {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 90vh;
    object-fit: cover;
}
.sillsLogo {
    /*Position*/
    position: absolute;
    margin-top: 40vh;
    margin-left: 40vw;
    margin-top: 55vh;

    /*Size*/
    width: 40vh;
    border-radius: 5px;
}

.InNumber {
    color:black;
    margin:0;
    padding: 0;
}
.InNumbersBackground {
    /*Position*/
    position: absolute;
    /*margin-left: -10px;
    margin-right:-10px;*/
    margin-top: 85vh;
    left: 0px; right: 0px;


    width: 100%;
    object-fit: cover;
}
.titleNumber {
    /*Position*/
    position: absolute;
    /*margin-left: -10px;
    margin-right:-15px;*/
    margin-top: 85vh;


    /*Text*/
    text-align: center;
    font-size: 200%;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: lightgray;

    
    height: 15%;
    left: 0px; right: 0px;

    background-color: rgb(24, 24, 24);
}
.release {
    /*Position*/
    position: absolute;
    margin-left: 10%;
    margin-top: 120vh;

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;

    width: 33%;
    height: 15%;
    background-color: rgb(24, 24, 24);
}
.sills-artist {
    /*Position*/
    position: absolute;
    margin-left: 60%;
    margin-top: 140vh;

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;

    width: 33%;
    height: 15%;
    background-color: rgb(24, 24, 24);
}
.stream {
    /*Position*/
    position: absolute;
    margin-left: 10%;
    margin-top: 160vh;

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;

    width: 33%;
    height: 15%;
    background-color: rgb(24, 24, 24);
}


.whySills {
    color:black;
    margin:0;
    padding: 0;

    background-color: rgb(24, 24, 24);
    height: 100vh;
}
.titleWhy {
    /*Position*/
    position: absolute;
    /*margin-left: -10px;
    margin-right:-15px;*/
    margin-top: 200vh;
    left: 0px; right: 0px;


    /*Text*/
    text-align: center;
    font-size: 200%;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: lightgray;

    /*width: 100%;*/
    height: 15%;

    background-color: rgb(24, 24, 24);
}
.inde {
    /*Position*/
    position: absolute;
    margin-left: 10%;
    margin-top: 220vh;

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;

    width: 33%;
    height: 20%;
    background-color: rgb(24, 24, 24);
}
.support1 {
    /*Position*/
    position: absolute;
    margin-left: 60%;
    margin-top: 240vh;

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;

    width: 33%;
    height: 15%;
    background-color: rgb(24, 24, 24);
}
.support2 {
    /*Position*/
    position: absolute;
    margin-left: 10%;
    margin-top: 260vh;

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;

    width: 33%;
    height: 15%;
    background-color: rgb(24, 24, 24);
}

.more {
    color:black;

    position:absolute;
    top: 290vh;

    width: 98vw;
    height: 90vh;
}
.music {
    padding-bottom: 30px;
    background-color: rgb(24, 24, 24);

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;
}
.hiring {
    padding-bottom: 30px;
    background-color: rgb(24, 24, 24);

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;
}
.merch {
    padding-bottom: 30px;
    background-color: rgb(24, 24, 24);

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;
}
.news {
    padding-bottom: 30px;
    background-color: rgb(24, 24, 24);
    height: 200px;

    /*Text*/
    text-align: center;
    font-size: 150%;
    letter-spacing: 0.03em;
    color: lightgray;
}
.imgNews { 
    width: 150px; 
    position:absolute;
    top: 50px; left: 25%;
}


.beaching_GIF {
    /*Position*/
    position: absolute;
    top: 380vh;
    left: 0px; right: 0px;
    
    
    width: 100%;
    object-fit: cover;

}


.choice {
    /*Position*/
    position: fixed;
    bottom: 0; right: 0;

    /*Table*/
    border: 0;
    table-layout: fixed;
    width: 100%;
    height: 15vh;
    
    /*Text*/
    text-align: center;
    font-size: 200%;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: lightgray;
}

.col-1 { border: none; background-color: rgb(0, 0, 0);    }
.col-2 { border: none; background-color: rgb(24, 24, 24); }
.col-3 { border: none; background-color: rgb(0, 0, 0);    }

.col-1:hover { border: none;  background-color: rgb(20, 20, 20);    }
.col-2:hover { border: none;  background-color: rgb(29, 29, 29);    }
.col-3:hover { border: none;  background-color: rgb(20, 20, 20);    }