/*diaporama*/

#slideshow {
position:relative;
width:100%;
margin:2vh 0;
z-index:-1;
}

#slideshow .carousel, #slideshow .carousel-inner {
background:#FFF;
overflow:hidden;
}


#slideshow .carousel-item img {
max-height:80vh;
object-fit: cover;
width:100%;
}


#slideshow .carousel-control-prev-icon {
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));
}

#slideshow .carousel-control-next-icon {
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));
}

#slideshow .carousel-control-prev, #slideshow .carousel-control-next {
width:auto;
margin:10px;
top:auto !important;
bottom:0px !important;
font-size:30px;
}


.carousel-indicators {
margin-bottom:7px;
z-index:10000;
}

.carousel-indicators li, .carousel-indicators li.active {
display: inline-block;
width: 12px;
height: 12px;
margin: 5px 3px;
text-indent: -999px;
cursor: pointer;
background-color: var(--bleu-fonce);
opacity:0.5;
border: 2px solid  #FFF;
border-radius: 50% !important;
transition:background 0.3s;
-moz-transition:background 0.3s;
-webkit-transition:background 0.3s;
}

.carousel-indicators li:hover, .carousel-indicators li.active {
background-color: var(--rose);
opacity:1;
filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.6));
}


.carousel-caption {
position: absolute;
top: 50%;
left: 50%;
bottom:auto;
right:auto;
transform: translate(-50%,-50%);
width: 60%;
max-width:800px;
height:auto;
z-index: 10;
padding: 1em;
color: var(--couleurTexte);
text-align: left;
background: #FFFFFF99;
backdrop-filter: blur(5px);
}

.carousel-caption h4 {
display:inline-block;
background:var(--vert);
color:white;
font-weight:500;
letter-spacing:0.05em;
font-size:1em;
line-height:1em;
padding:1px 5px;
}

.carousel-caption h3 {
color:var(--couleurTitre);
font-weight:900;
font-size:1.8em;
line-height:1.1em;
margin-bottom:0.5em;
}

.carousel-caption p {
color:var(--couleurTexte);
font-weight:600;
font-size:1.4em;
line-height:1.1em;
margin-bottom:8px;
}


@media screen AND (max-width:575px) {
.carousel-caption {
width: 90%;
}
.carousel-caption h3 {
font-size:1.6em;
line-height:1em;
}
.carousel-caption p {
font-size:1.2em;
line-height:1em;
}
.carousel-caption p.caption-btn {
display:inline-block;
}
#slideshow .carousel-item img {
min-height:50vh;
max-height:none;
object-fit: cover;
}
}