.clickable {
   cursor: pointer;
}

.slider {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    max-width: 100%;
    height:100%;
    max-height:100%;
    z-index:1000;
}

.slider-background {
    width:100%;
    max-width: 100%;
    height:100%;
    max-height:100%;
    z-index: 1001;
    background-color: black;
    opacity: 0.8;
    position: fixed;
    top: 0;
    left:0;
}

.slider-content {
    /* background-color: black; */
    /* opacity: 0.5; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left:0;
    top:0;
    z-index: 1002;
    width:100%;
    max-width: 100%;
    height:100%;
    max-height:100%;
    margin: auto;
}

.slider-content .sliderImgs {
    /* position: absolute; */
    opacity: 1;
    /* top: 0; */
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
    width:100%;
    height:auto;
    /* min-width: 60%; */
    /* min-height: 60%; */
    margin:auto;
    z-index : 1003;
    text-align: center;
    max-width: 700px;
    /* max-width: 80%; */
}

video.sliderImgs {
    /* border: 1px solid grey; */
    z-index : 1005;
}

.sliderImgs .slider-target {
    display: block;
    z-index : 1005;
    margin: 0 auto;
    object-fit: cover;
    max-height: 100vh;
    max-width: 80vw;
    /* border: 1px solid grey; */
}

.wrapper-go {
    position: absolute;
    top: 0;
    height: 100%;
    width: 30px;;
    z-index : 1004;
    background-color: transparent !important;
    cursor: pointer;
}
#wrapper-left {
    left:0;
}
#wrapper-right {
    right:0;
}
.go {
    position: absolute;
    top: 45%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 1005;
    height: 70px;
    width:auto;
    opacity: 0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
}
.go:hover, .go:focus, .go:active {
    border:none;
    outline: none;
    opacity: 1;
    -webkit-opacity:1;
    -moz-opacity:1;
}
.go.active {
    opacity: 1;
    -webkit-opacity:1;
    -moz-opacity:1;
}
#goPrev {
    left: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 20px;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
}
#goNext {
    right: -4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 15px;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    transform: rotate(180deg);
}

#closeSlider {
    display:block;
    position:fixed;
    right:0;
    top:0;
    background-color: transparent;
    z-index: 2011;
    padding: 20px;
    font-size: 3em;
    /* height: 2.7rem; */
    cursor: pointer;
    font-family: "Arvo";
    /* padding-top: 0px; */
    /* padding-bottom: 3px; */
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    opacity: 0.7;
}
#closeSlider:hover {
    opacity: 1;
}

span#compteur {
    display:inline-block;
    position:absolute;
    right:0;
    bottom:0;
    /* background-color: rgba(100%,100%,100%,0.7); */
    color:#ccc;
    border-top-left-radius: 1em;
    padding-left: 7px;
    padding-top: 4px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

@media screen and (max-width: 700px) {
    .slider-content .sliderImgs img {
    }
}