
/*
SOMMAIRE
00- générale
01- Accueil
02- Contact



*/


/*------------------
--- 00- générale ---
--------------------*/

/* .nos-travaux-list {
  height: 3000px;
  position: relative;
}

.parallax-item {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

#travail-1 { z-index: 3; }
#travail-2 { z-index: 2; }
#travail-3 { z-index: 1; } */

/*-----------------
--- 01- Accueil ---
-------------------*/

/*en-tête - slider*/
.slider-home .sectionHomePage {
    padding: 68px 80px;
}

/*nos formations*/

.nos-formations .nos-formations-title {
    padding-right:50px;
}
.nos-formations-listing-items button.slick-arrow.slick-prev,
.nos-formations-listing-items button.slick-arrow.slick-next {
    bottom: inherit;
    top:-55px;
}
.nos-formations-listing-items button.slick-arrow.slick-prev {
    left: inherit;
    right: 75px;
}
.nos-formations-listing-items button.slick-arrow.slick-next {
    right: 0;
}

.nos-formations .nos-formations-scolaire,
.nos-formations .nos-formations-apprentissage {
    flex:2;
}
.nos-formations .nos-formations-scolaire:hover {
    background-color: var(--color-primary-hover)!important;
}
.nos-formations .nos-formations-apprentissage:hover {
    background-color: var(--color-secondary-hover)!important;
}
.nos-formations .all-formations {
    flex:1;
    border: 1px solid #00538A;
    /* border: 1px solid transparent;
	border-image: linear-gradient(90deg, #00538A 3.42%, #00A5BB 109.47%); 
	border-image-slice: 1; */
}
.nos-formations .all-formations:hover {
    background: var(--color-degrad);
}
.nos-formations .all-formations .all-formations-link {
    display: contents;
    color: var(--gray-900)!important;
}
.nos-formations .all-formations:hover .all-formations-link {
    color: var(--white)!important;
}
.nos-formations .all-formations .all-formations-ico {
    width: 24px;
    height: 25px;
    background-color: var(--gray-900);
    background-image: url(/wp-content/themes/mediapilote/img/charte/icon-plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px;
    border-radius: 999px;
}
.nos-formations .all-formations:hover .all-formations-ico {
    background-color: var(--white);
    background-image: url(/wp-content/themes/mediapilote/img/charte/icon-plus-black.svg);
}
.nos-formations .nos-formations-scolaire,
.nos-formations .nos-formations-apprentissage,
.nos-formations .all-formations {
    border-bottom-left-radius: 40px;
    border-top-right-radius: 40px;
    transition: left 0.3s ease;
}

/*les grands rdv*/
/* .grand-rendez-vous .slick-list {
    overflow: visible;
} */
.grand-rendez-vous button.slick-arrow.slick-prev,
.grand-rendez-vous button.slick-arrow.slick-next {
    left: -50%;
    bottom: 24%;
}
.grand-rendez-vous button.slick-arrow.slick-next {
    left:-43%;
}

.grand-rendez-vous .actu-rdv-slider .slick-slide {
    padding:23px
}

/*actualite*/
.nos-actualites button.slick-arrow.slick-prev,
.nos-actualites button.slick-arrow.slick-next {
    bottom: inherit;
    top:-55px;
}
.nos-actualites button.slick-arrow.slick-prev {
    left:inherit;
    right: 75px;
}
.nos-actualites button.slick-arrow.slick-next {
    right: 0;
}

/*travaux eleves*/
.parallax-item {
    position: sticky;
    top:10%;
    transition: transform 0.1s ease-in;
    transform: none!important;
}


/*decouvrir l'école*/
.school-discover .school-discover-video .headline-small,
.school-discover .school-discover-visite .headline-small {
    color: var(--gray-900)!important;
}
.school-discover-content-text > p:last-child > a {
    margin-top:0!important;
}

/*partenaire*/
.partners .partener-gallery {
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 55px;
    scrollbar-width: none;
    cursor: pointer;
}

/*-----------------
--- 02- Contact ---
------------------- */

.contact-content .item-contact-info-container .item-contact-info {
    border: 1px solid var(--gray-900);
    padding: 32px;
}
.contact-content .item-contact-info-address .contact-number {
    color: var(--gray-900)!important;
}

.contact-content .iframe-carte iframe{
    height: 721px;
}




/*----------------------------------------
--------------- RESPONSIVE ---------------
-----------------------------------------*/

@media (max-width:1680px) {
    .grand-rendez-vous button.slick-arrow.slick-next {
        left: -42%;
    }
}

@media (max-width:1380px) {
    .grand-rendez-vous button.slick-arrow.slick-next {
        left: -40%;
    }
}

@media (max-width:1200px) {
    .grand-rendez-vous .mt-extra-large {
        margin-top:0!important;
    }
    .grand-rendez-vous button.slick-arrow.slick-prev,
    .grand-rendez-vous button.slick-arrow.slick-next {
        top:inherit;
        bottom: 0;
    }
    .grand-rendez-vous button.slick-arrow.slick-prev {
        left: 0;
    }
    .grand-rendez-vous button.slick-arrow.slick-next {
        left: 80px;
    }
}

@media (max-width:1000px) {
    .slider-home .sectionHomePage {
        padding: 68px 20px;
    }
}


@media (max-width:768px) {
    .nos-formations-listing-items button.slick-arrow.slick-prev, 
    .nos-formations-listing-items button.slick-arrow.slick-next {
        top: inherit;
        bottom: 0;
    }
    .nos-actualites button.slick-arrow.slick-prev,
    .nos-actualites button.slick-arrow.slick-next {
        top:inherit;
        bottom: -25px;
    }
}

@media (max-width:576px) {
    .school-discover .school-discover-video,
    .school-discover .school-discover-visite {
        align-items: flex-start!important;
    }
}