/* Style de base pour le slider */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}
.slider {
    position: relative;
    width: 109%;
    overflow: hidden;
  }

  .slides {
    display: flex;
    width: 300%;               /* 3 slides × 100% */
    animation: slideAnimation 9s linear infinite;
  }

  .slide {
    width: 100%;               /* chaque slide prend 1/3 de .slides */
    flex-shrink: 0;
  }

  .slider-image {
    display: block;
    width: 30%;
    height: auto;
  }

  @keyframes slideAnimation {
    0% {
        transform: translateX(0); /* Slide 1 visible */
    }
    45% {
        transform: translateX(0); /* Slide 1 visible pendant 4s */
    }
    52% {
        transform: translateX(-100%); /* Transition vers Slide 2 */
    }
    100% {
        transform: translateX(-100%); /* Slide 2 visible pendant 4s */
    }
    0% {
        transform: translateX(0); /* Retour au Slide 1 */
    }
  }

.btn {
	padding: 15px 20px;
	font-size: 14px;
	border-radius: 5px;
	white-space: nowrap;
}

.btn-prim {
	background-color: #be1212;
	color: #fff;
	transition: all .1s;
}

.btn-prim {
	background-color: #be1212;
	color: #fff;
	transition: all .1s;
}

.btn-prim:hover {
	background-color: #be1212;
	color: #fff;
}

.btn-sec {
	margin-left: 50px;
	border: solid 1px;
	color: #fff;
	background-color: #000;
}

.btn-sec:hover {
	border: 2px solid #fff;
	color: #fff;
}

.btn-standard:hover {
	border: 2px soid;
}

.btn-standard {
	color: #000;
	border: solid 1px;
	border-radius: 5px;
	padding: 8px 20px;
	font-size: 14px;
}

a.btn-standard {
	line-height: 47px;
}
.cta{
    text-align:center;
}
.cta-container{
    width: 100%;
    position: absolute;
    top: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0000008a;
}
.cta-text-container{
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    padding: 20px;
    text-shadow: 1px 1px 0 black, -1px -1px 0 black, 1px -1px 0 black,
    -1px 1px 0 black;
}