@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');

#slider {
    width: 765px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	
}

#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9, #slide10, #slide11, #slide12
, #slide13, #slide14, #slide15, #slide16, #slide17, #slide18, #slide19, #slide20, #slide21, #slide22, #slide23
, #slide24, #slide25, #slide26, #slide27, #slide28, #slide29, #slide30, #slide31, #slide32, #slide33, #slide34
, #slide35, #slide36, #slide37, #slide38, #slide39, #slide40, #slide41, #slide42, #slide43, #slide44, #slide45 
, #slide46, #slide47, #slide48, #slide49, #slide50, #slide51, #slide52, #slide53, #slide54, #slide55, #slide56
, #slide57, #slide58, #slide59, #slide60, #slide61, #slide62, #slide63, #slide64, #slide65, #slide66, #slide67  {
    position: relative;
    top: 0;
    left: 0;
}

#slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9, #slide10, #slide11, #slide12, #slide13
, #slide14, #slide15, #slide16, #slide17, #slide18, #slide19, #slide20, #slide21, #slide22, #slide23, 
#slide24, #slide25, #slide26, #slide27, #slide28, #slide29, #slide30, #slide31, #slide32, #slide33, #slide34
, #slide35, #slide36, #slide37, #slide38, #slide39, #slide40, #slide41, #slide42, #slide43, #slide44, #slide45 
, #slide46, #slide47, #slide48, #slide49, #slide50, #slide51, #slide52, #slide53, #slide54, #slide55, #slide56
, #slide57, #slide58, #slide59, #slide60, #slide61, #slide62, #slide63, #slide64, #slide65, #slide66, #slide67 {
    display: none;
}

#precedent, #suivant {
    z-index: 1;
    transition: opacity 0.5s ease;
    font-size: 75px;
    font-weight: 100;
    position: absolute;
    top: 160px;
    background-color: rgba(0, 0, 0, 0.6);
    color: rgb(220, 220, 220, 0.6);
    opacity: 0;
    cursor: pointer;
}

#precedent {
    left: 0;
}

#suivant {
    right: 0;
}

#slider:hover #precedent, #slider:hover #suivant {
    opacity: 1;
}