/* carrousel flexslider */

/* animations */
@-webkit-keyframes slide-in {
	from { opacity: 0; -webkit-transform: translateX(-5%); }
	to { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes slide-in {
	from { opacity: 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); }
	to { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@-webkit-keyframes slide-out {
	from { -webkit-transform: translateX(0); }
	to { -webkit-transform: translateX(5%); }
}
@keyframes slide-out {
	from { -webkit-transform: translateX(0); transform: translateX(0); }
	to { -webkit-transform: translateX(5%); transform: translateX(5%); }
}


/* carrousel flexslider */
 @font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.flexslider { width: 100%; position: relative; z-index: 2; }
.flex-viewport { max-height: 2000px; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }

.flexslider ul.slides { margin-bottom:0 !important; }
.flexslider .slides > li { position: relative; display: none; -webkit-backface-visibility: hidden; }
#element-photos-carrousel.flexslider .slides > li:not(.flex-active-slide) { cursor: pointer; }
#element-photos-carrousel.flexslider .slides > li.flex-active-slide { opacity: 0.5; }
.flexslider .slides figure img { width: 100%; max-width: none; display: block; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.no-js .flexslider .slides > li:first-child { display: block; }

/* Modification du caption pour le centrer et assurer la responsivité */
.flexslider .caption {
    font: 2.2rem "DIN W01 Regular";
    font-weight: 500;
    line-height: 1.1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    padding: 0 80px; /* Espace pour éviter les flèches */
    max-width: 80%;
    width: 100%;
    color: #FFFFFF;
    box-sizing: border-box;
}

.flexslider .captiontitre {
    font: 4rem "DIN W01 Bold";
    line-height: 1.1;
    text-transform: uppercase;
	margin-bottom: 0;
}

/* Ajustements responsifs pour le caption */
@media screen and (min-width: 1200px) {
    .flexslider .caption {
        max-width: 70%;
        padding: 0 100px;
    }
}

@media screen and (max-width: 1300px) {
    .flexslider .caption {
        font-size: 2rem;
        max-width: 75%;
        padding: 0 70px;
    }
    .flexslider .captiontitre {
        font-size: 3rem;
    }
}

@media screen and (max-width: 1024px) {    
    .flexslider .caption {
        font-size: 1.5rem;
        line-height: 1;
        max-width: 80%;
        padding: 0 60px;
    }
}

@media screen and (max-width: 768px) {
    .flexslider .captiontitre {
        font-size: 2rem;
    }
    .flexslider .caption {
        padding: 0 50px;
        max-width: 90%;
    }
}

@media screen and (max-width: 500px) {
    .flexslider .caption {
        font-size: 1.2rem;
        padding: 0 40px;
        max-width: 100%;
    }
    /* Suppression de la surcharge pour .home .flexslider .caption */
    .home .flexslider .caption {
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 90%;
        font-size: 1.2rem;
        padding: 0 40px;
    }
}

.flex-direction-nav a { text-decoration: none; display: block; width: 56px; height: 56px; margin: -28px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: #FFF; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 56px; display: inline-block; content: '\f001'; color: #FFF; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
.flexslider .flex-direction-nav .flex-prev { left: 3.9rem; }
.flexslider .flex-direction-nav .flex-prev:not(.flex-disabled):hover { opacity: 0.7; }
.flexslider .flex-direction-nav .flex-next { right: 3.9rem; text-align: right; }
.flexslider .flex-direction-nav .flex-next:not(.flex-disabled):hover { opacity: 0.7; }
.flex-direction-nav .flex-disabled { opacity: 0; filter: alpha(opacity=0); cursor: default; z-index: -1; }

/* forces : si 4 éléments ou moins : centrer */
.flexslider.centered ul.slides { max-width:102%; text-align:center; }
.flexslider.centered ul.slides li { display: inline-block!important; *display: inline!important; float: none!important; vertical-align:top; }

/* forces : si moins de 4 éléments : centrer */
.flexslider.centered.formation-photosvideos ul.slides, .flexslider.centered.formation-photosvideos .flex-viewport { max-width:100%; }
.flexslider.centered.formation-photosvideos .slides > li { padding-bottom: 0; }
.flexslider.centered.formation-photosvideos ul.slides li.last, .flexslider.centered.formation-photosvideos .flex-direction-nav { display:none !important; }

/* media queries */
@media screen and (max-width: 1300px) {
	.flex-viewport { max-height: inherit; }
	
	nav.menu-accueil-carrousel { margin-top: -42px; }
	nav.menu-accueil-carrousel ul li a { width: 190px; height: 84px; font-size: 25px; padding: 4% 8% 5%; }
	
	.flexslider.centered .slides > li { padding-bottom: 3rem; }
	.flexslider.centered .slides > li:last-child { padding-bottom: 0; }
}

@media screen and (max-width: 1024px) {	
	.flex-direction-nav a { width: 46px; height: 46px; margin: -23px 0 0; }
	.flex-direction-nav a:before { font-size: 46px; }
	
	.element-presentation-container .flex-direction-nav a { border: 1px solid var(--seventh); background:#fff; border-radius: 50%; padding:5px; width:37px; height:37px; }
	.element-presentation-container .flex-nav-prev a { margin-left: 0; left:-12px !important; text-align: center !important; }
	.element-presentation-container .flex-nav-next a { right: -12px !important; text-align: center !important; }
}

@media screen and (max-width: 768px) {
	.flexslider .slides figure img {
        min-width: 100%; 
        margin-left: 0; 
		object-fit: cover;
        object-position: center;
    }
	.flex-direction-nav a { width: 34px; height: 34px; margin: -17px 0 0; }
	.flex-direction-nav a:before { font-size: 34px; }
	.flexslider .flex-direction-nav .flex-prev { left: 20px; }
	.flexslider .flex-direction-nav .flex-next { right: 20px; }
}

@media screen and (max-width: 600px) {
	.home .flexslider .flex-direction-nav { display:none; }
	.home .flexslider .slides > li { height:200px; }
	.home .flexslider .slides figure {  display: flex; justify-content: center; height: 200px; overflow: hidden; }
}