/* Page acceuil */
.page_home-header {
    z-index: 10;
    position: relative;
    height: auto;
}

.page_home-header .slider-page .slide img,
.page_home-header .slider-page .slide {
    min-height: calc(100vh - 84px);
}

.slider-texte {
    position: absolute;
    color: var(--white);
    font-size: 1.8rem;
    font-weight: 300;
}

@media (max-width: 991px) {
    .slider-texte {
        left: 15px;
        right: 15px;
        top: 80px;
    }
}

@media (min-width: 992px) {
    .slider-texte {
        top: 50%;
        left: 50px;
        width: 50% ;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
}

@media (max-width:767px) {
    .slider-texte .like-h1 {
        font-size: 2rem;
    }
}
.slider-texte .like-h1 p,
.slider-texte .like-h1 {
    display: block;
    color: var(--white);
    text-align: initial;
    line-height: 120%;
    margin: 0;
    padding: 0;
}
.page_home-marques,
.page_home-assurance {
    padding: 110px 0;
}

/* @changelog 2024-04-24 [FIX] (Nicolas) Ajout de padding sur le bloc Assurances */
.page_home-assurance.bloc[class*="bg-"] {
    padding: 125px 0 ;
}

/* .page_home-header video,
.page_home-header .slide {
    position: relative;
    height: 607px;
    width: 100%;
} */
.page_home-header .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}
.picture-video a,
.poster-video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* display: none; */
}
.picture-video a::after ,
.poster-video::after {
    content: '';
    background-image: url(/wp-content/themes/mediapilote/img/charte/youtube.svg);
    /* display: block; */
    width: 100px;
    height: 100px;
    position: absolute;
    top: 65%;
    left: 48%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
    cursor: pointer;
}
.home .bloc-video {
    padding: 0;
}
.video-image.embed-responsive-16by9::before {
    padding-top: 40.25%;
}
.modaal-content-container {
    padding: 20px;
}
@media (max-width:424px) {
    .modaal-content-container {
        padding: 10px;
    }
}
.modaal-inner-wrapper {
    padding-left: 10px;
    padding-right: 30px;
}
@media (max-width:767px) {
    .picture-video a::after,
    .poster-video::after {
        top: 61%;
        left: 45%;
        width: 50px;
        height: 50px;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 10;
        cursor: pointer;
        content: '';
        background-image: url(/wp-content/themes/mediapilote/img/charte/youtube.svg);
    }
    .page_home-marques {
        padding: 20px 0;
    }
}

.page_home-marquesLogo {
    margin-bottom: 80px;
}
@media (max-width:767px) {
    .page_home-marquesLogo img {
        max-width: 40%;
    }
}
.page_home-api {
    padding-top: 200px;
    padding-bottom: 110px;
}
.home .headerPage  h1,
.home .breadcrumb {
    display: none;
}
.page_home-valeurs .row,
.page_home-assurance .row,
.page_home-missions .row {
    align-items: center;
}
.page_home-api h2 strong,
.page_home-missions h2 strong,
.page_home-valeurs h2 strong {
    color: var(--orange);
}
.page_home-valeurs {
    padding-bottom: 124px;
}
.page_home-missions,
.page_home-cibles {
    padding: 124px 0;
}
.page_home-ciblesContentTitle h3 {
    font-size: 2rem;
    margin-bottom: 10px;
}
.page_home-ciblesContent {
    padding: 0 30px;
}


.page_home-ciblesContentImage {
    margin-bottom: 25px;
}
.page_home-ciblesContentImage img {
    max-height: 80px;
}
@media (max-width:575px) {
    .page_home-cibles {
        padding: 0 40px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.page_home-assurance-image {
    position: relative;
}
.page_home-assurance-image img:first-child {
    position: absolute;
    left: -160px;
    top: 80px;
}

.page_home-assuranceImage .page_home-assuranceImage2 {
    /* @changelog 2024-04-24 [FIX] (Nicolas) Mise à jour des valeurs suite à la dernière maquette */
    position: absolute;
    top: 25px;
    left: -100px;
    transform: translate(0, -50%) scale(2);
}

.page_home-assuranceTexte ul,
.page_home-api-text p,
.page_home-marquesText p,
.page_home-valeurs-text p {
    margin-bottom: 40px;
}
.page_home-assuranceTexte,
.page_home-assuranceImage {
    position: relative;
}
.page_home-assuranceTexte img {
    position: absolute;
    right: 135px;
    bottom: -190px;
}

@media (max-width:991px) {
    .page_home-assuranceTexte img {
        bottom: -155px;
        right: -50px;
    }
}
@media (max-width:767px) {
    .page_home-assuranceTexte {
        margin-top: 200px;
        margin-bottom: 50px;
        padding: 35px;
    }

    .page_home-assuranceImage .page_home-assuranceImage2 {
        top: 50px;
        left: -85px;
        transform: translateY(-50%);
    }

    .page_home-assuranceTexte img {
        right: 10px;
        bottom: -155px;
    }
    .page_home-api,
    .page_home-missions,
    .page_home-valeurs {
        padding-left: 35px;
        padding-right: 35px;
    }
}
@media (max-width:500px) {
    .page_home-assuranceTexte img {
        right: 0;
        bottom: -225px;
    }

    .page_home-header video {
        height: auto;
    }
}


/* @changelog 2024-04-23 [FIX] (Nicolas) Ajout des liens sur le slider */
.slider-links {
    position: relative;
    margin: -40px 50px 0;
}

    @media (min-width: 992px) {
        .slider-links {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
        }
    }

.slider-links ul {
    background-color: var(--white);
    border-radius: 4px;
    margin: 0;
    padding: 15px;
}

    @media (min-width: 992px) {
        .slider-links ul {
            display: flex;
            justify-content: space-between;
            padding: 15px 45px;
        }
    }

.slider-links ul li {
    margin: 0;
    padding: 0;
}

    .slider-links ul li + li {
        margin-top: 30px;
    }

        @media (min-width: 992px) {
            .slider-links ul li + li {
                margin-top: 0;
                margin-left: 80px;
            }
        }

.slider-links ul li a {
    display: flex;
    align-items: center;
    color: #2C2826;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}

    @media (max-width: 991px) {
        .slider-links ul li a {
            justify-content: space-between;
            font-size: 1.6rem;
        }
    }

    /* Flèche */
    .slider-links ul li a::after {
        content: "\e901";
        font-family: 'icomoon';
        margin-left: 25px;
        transition: transform 0.4s;
    }

        /* Hover */
        .slider-links ul li a:hover::after {
            transform: translateX(10px);
        }