/* Slide individuel */
.slider-slide {
  flex: 0 0 20%;
  width: 20%;
  transition: transform 0.3s ease-in-out;
  display: inline-block;
}

.custom-slider-container {
  overflow: hidden;
  z-index: 999;
  position: relative;
}

#equipeSlider {
  display: flex;
  gap: 40px;
  transition: transform 0.3s ease-in-out;
  height: 370px;
  left: 80px !important;
  position: relative;
}
.slider-fix .slider-slide.active .slide-image{
  width: 220px;
}
/*.custom-slider-container .slider-slide.active {
  opacity: 0;
}*/
.slider-controls {
  display: flex;
}
.none_slide {
  display: none !important;
}
.slider-fix .slider-slide.active{
  width: 100% !important;
}

.custom-slider-container .slider-slide.active img {
  width: 220px !important;
  position: relative;
  top: 15px;
}
.slider-fix {
  width: 280px !important;
}
.slider-fix .slide-content_droite{
  display: none !important;
}
.slider-fix .slider-slide.active .slide-content {
  display: block !important;
}
.slide-content{
  display: none;
}
.slider-contenue-cv{
  opacity: 0;
}
.custom-slider {
    cursor: grab;
    user-select: none;
}

.custom-slider:active {
    cursor: grabbing;
}

.slider-slide {
    /* Empêcher la sélection de texte pendant le drag */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slider-slide.active .slide-image {
  position: relative;
}
.slider-fix .slider-slide.active .slide-image::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  border: 4px solid #7ab44a;
  border-radius: 50%;
  top: -5px;
  left: 17px;
  z-index: -1;
}
div#equipeSlider {
    transition-duration: 1s !important;
}
.slider-slide.active .slide-content {
  display: block !important;
}
.slider-contenue-cv {
  display: flex;
  justify-content: end;
}
.slider-contenue-cv .contenu-personnel {
  width: 60%;
}
.slider-contenue-cv {
  margin-top: 150px;
  transition-duration: 0.5s;
}
#equipeSlider .contenu-personnel{
  display: none;
}
.slider-slide.active{
  transition-duration: 1s;
}
#equipeSlider .slider-slide.active .slide-image::before {
  content: '';
  width: 85%;
  height: 99%;
  position: absolute;
  border: 4px solid #7ab44a;
  border-radius: 50%;
  top: 11px;
  left: 20px;
  z-index: -1;
}

.contenue_select {
  width: 25%;
  position: absolute;
  top: -40px;
}
.contenue_recherche {
  display: flex;
  justify-content: end;
  position: relative;
}