.slide-wrap{
   display: grid;
	grid-template-columns: 1fr 1fr;
}

img.titreSlide {
	grid-column: 1/2;
	display: block;
	margin: auto;
	width: 90%;
}

.slideshow{
	grid-column: 2/3;
	opacity: 0;/* invisible */
   visibility: hidden; /* empêche le clic, le focus… */
   /*transition: opacity 0.5s ease  durée de la transition */
   animation: zoomSlide 1.5s forwards 1s;
}

 @keyframes zoomSlide {
 	 from {
    opacity: 0;
    transform: scale3d(0, 0, 0);
  }

    to {
      opacity: 1;
      visibility: visible;
    }
}
  
.slider-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	object-fit: contain;
}

.slider {
	display: flex;
	width:100%;
	transition: transform 0.5s ease-in-out;
}

.slide {
	min-width: 100%;
  	flex-shrink: 1;
}

.slide img {
	width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;

}

/* Style des flèches */
.slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	padding: 10px 13px ;
	cursor: pointer;
	font-size: 14px;
	z-index: 10;
	border-radius: 50%;
	transition: background .4s;
}

.slider-arrow:hover {
	background: rgba(0, 0, 0, 1);
}

.slider-arrow.prev {
	left: 10px;
}

.slider-arrow.next {
	right: 10px;
}

/* Style des points */
.slider-dots {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	z-index: 10;
}

.dot {
	width: 12px;
	height: 12px;
	border: solid 1px rgba(0, 0, 0, .5) ;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.6);
	cursor: pointer;
}

.dot.active {
	background: rgba(255, 110, 0, 0.7);
}