/*
SOMMAIRE
00- générale
01 - Accueil - Particulier
02 - Accueil - Professionnel
03 - Accueil - Organisation
04 - Service
05 - Page Contact
06 - Page Carrefour


*/


/*------------------
--- 00- générale ---
--------------------*/


.page-accueil .before-texte::before {
    content:"";
    width: 141px;
    height: 16px;
    display: inline-block;
    background-image: url('/wp-content/themes/mediapilote/img/charte/before-content.svg');
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 16px;
}

.page-accueil .expertise-list .expertise-list-single {
    box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.10);
    border-radius: 24px;
    overflow: hidden;
}
.page-accueil .expertise-list .expertise-list-single img {
    width: 100%;
    transition:0.8s all;
}
.page-accueil .expertise-list .expertise-list-singleContent {
    padding: 48px 24px 24px 24px;
}
.page-accueil .expertise-list .expertise-list-singleContent .expertise-single-type {
    top:-21px;
    left: 0;
    padding: 8px 40px 8px 20px;
    border-bottom-right-radius: 300px;
    transition: all 0.8s;
    margin-right: 40px;
}
.page-accueil .expertise-list .expertise-list-single:hover .expertise-single-type {
    padding-left: 35px;
    transition: all 0.8s;
}
.page-accueil .expertise-list .expertise-list-single:hover img{
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.page-accueil .expertise-list .expertise-list-single:hover .expertise-single-link {
    background-color: var(--color-primary-dark);
    color: var(--white) !important;
}

/* .page-accueil .vos-enjeux .enjeuxContent-img {
    height: 524px;
}
.page-accueil .vos-enjeux .enjeuxContent-img img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 999px;
} */

.page-accueil .vos-enjeux .enjeuxContent-img {
    flex:1;
    width: 100%; /* S'assure que le conteneur occupe toute la largeur disponible */
    max-width: 524px; /* Limite la largeur maximum pour maintenir l'aspect */
    height: 524px; /* Hauteur fixe pour conserver la forme ronde */
    position: relative; /* Position relative pour les éléments absolus */
}
.page-accueil .vos-enjeux .enjeuxContent-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Remplit le conteneur tout en conservant l'aspect */
    border-radius: 50%; /* Arrondit l'image */
    position: absolute; /* Positionne l'image en absolu */
    top: 0; /* Aligne en haut */
    left: 0; /* Aligne à gauche */
}

.page-accueil .vos-enjeux .enjeuxList-item .list-ico {
    border-radius: 99px;
    padding: 16px;
    width: 64px;
    height: 64px;
}

.page-accueil .solutions .solutionList-item .solutionList-itemContent {
    padding: 24px 24px 80px;
    border: 4px solid var(--color-secondary-light);
    border-radius: 24px;
    transition: 0.8s all;
}
.page-accueil .solutions .solutionList-item .solutionList-itemContent:hover {
    background-color: var(--color-secondary-x-light);
    transition: 0.8s all;
}
.page-accueil .solutions .solutionList-item .solutionList-itemContent .solutionList-btn {
    position: absolute!important;
    bottom: 20px;
    padding-left:0!important;
}
.page-accueil .solutions .solutionList-item .solutionList-itemContent:hover .solutionList-btn::after {
    background-color: transparent;
    background-image: url(/wp-content/themes/mediapilote/img/charte/icon-plus-hover.svg);
	border: 2px solid #00A5DF;
	color: #00A5DF;
}

.page-accueil .nos-certifications,
.page-services .nos-certifications {
    overflow-x: auto;
    white-space: nowrap;
    cursor: pointer;
    padding-bottom: 10px;
}

/**/
.page-id-2727 .nested,
.page-id-87 .nested, 
.page-id-8 .nested {
    display: none;
}
.page-id-2727 #header > .inner,
.page-id-87 #header > .inner,
.page-id-8 #header > .inner {
    padding-bottom: 16px;
}

/*-----------------------------
--- 01- Accueil Particulier ---
-----------------------------*/

.page-template-page-accueil-candidat section#contents {
    padding-top: 0;
}
#accueilParticulier .nos-services {
    padding:40px 0 80px 0;
}
#accueilParticulier .nos-services .blocVignettesCarrefours-item:hover .blocVignettesCarrefours-itemContent .image {
    padding-left:40px;
    transition: 0.8s all;
}
#accueilParticulier .nos-services .blocVignettesCarrefours-item:hover .vignetteLink {
    background-color: var(--color-primary-dark);
    color: var(--white) !important;
}
#accueilParticulier .nos-services .blocVignettesCarrefours-item:hover .blocVignettesCarrefours-itemContent {
    margin-top:-20px;
    transition: 0.8s all;
}

#accueilParticulier .vos-enjeux .enjeuxContent-img {
    position: relative;
}
#accueilParticulier .vos-enjeux .enjeuxContent-img::before {
    content:"";
    position: absolute;
    background-image: url('/wp-content/themes/mediapilote/img/charte/vos-enjeux-bg.png');
    background-repeat: no-repeat;
    background-size: 487px;
    width: 487px;
    height: 190px;
    top: -35px;
    left: -107px;
}
#accueilParticulier .vos-enjeux .enjeuxContent-img::after {
    content:"";
    position: absolute;
    background-image: url('/wp-content/themes/mediapilote/img/charte/before-content.svg');
    background-repeat: no-repeat;
    background-size: 237px;
    width: 237px;
    height: 27px;
    bottom: 87px;
    left: -63px;
}

#accueilParticulier .vos-enjeux .enjeuxList-item .enjeuxList-itemContent-text .text,
#accueilParticulier .solutions .solutionList-item .solutionList-itemContent .text,
#accueilParticulier .processEtape-list .processEtape-list-content .text  {
    color: var(--neutral-500);
    line-height: 24px;
}

#accueilParticulier .solutions .solutionList-item .solutionList-itemContent {
    /* width: 48%; */
    flex:1;
}

#accueilParticulier .solutions .solutionContent-img {
    overflow: hidden;
    border-radius: 200px 0px;
    height: 299px;
    aspect-ratio: 433/299;
}

/* #accueilParticulier .nos-process {
    padding:80px;
} */
#accueilParticulier .nos-process::before,
#accueilParticulier .nos-process::after {
    content:"";
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1;
}

#accueilParticulier .nos-process::before {
    background-image: url('/wp-content/themes/mediapilote/img/charte/process-bg-right.png');
    top:40px;
    right: 0;
    width: 242px;
    height: 146px;
}
#accueilParticulier .nos-process::after {
    background-image: url('/wp-content/themes/mediapilote/img/charte/process-bg-left.png');
    bottom:40px;
    left: 0;
    width: 238px;
    height: 136px;
}
#accueilParticulier .nos-process .processContent {
    z-index: 2;
}
#accueilParticulier .processEtape-list {
    border-radius: 24px;
    padding:16px;
}
#accueilParticulier .processEtape-list .processEtape-list-numb {
    width: 64px;
    height: 64px;
    padding: 16px;
    border-radius: 99px;
}
#accueilParticulier .processEtape-list .processEtape-list-numb > span {
    line-height: 105%;
}

/*-----------------------------
-- 02- Accueil Professionnel --
-----------------------------*/

#accueilPro .vos-enjeux .enjeuxContent-img {
    position: relative;
}
#accueilPro .vos-enjeux .enjeuxContent-img::after {
    content:"";
    position: absolute;
    background-image: url('/wp-content/themes/mediapilote/img/charte/before-content.svg');
    background-repeat: no-repeat;
    background-size: 237px;
    width: 237px;
    height: 27px;
    bottom: 87px;
    left: -63px;
}

#accueilPro .solutions .solutionList-item .solutionList-itemContent .text {
    color: var(--neutral-500);
}
#accueilPro .solutions .solutionContent-img {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}

#accueilPro .reassurance-logo {
    padding:32px;
}
#accueilPro .reassurance-logo.slider-logo .slick-list {
    padding:0 45px;
}
#accueilPro .slider-logo button.slick-arrow.slick-prev {
    left: 32px;
}
#accueilPro .slider-logo button.slick-arrow.slick-next {
    right: 32px;
} 

/*-----------------------------
--- 03- Accueil Entreprise ----
-----------------------------*/

#accueilEntreprise .nos-engagement .engagementContent-img {
    border-radius: 24px;
}
#accueilEntreprise .nos-engagement .engagementCarrefours-item{
    padding: 24px 24px 28px 24px;
    border-radius: 24px;
    border: 4px solid var(--color-secondary-light)
}
#accueilEntreprise .reseau-partenaire .partenaireList-itemContent .partenaireList-itemContent-img {
    background-color: var(--white);
    height: 139px;
}
#accueilEntreprise .reseau-partenaire .partenaireList-itemContent-text {
    padding: 16px 24px 60px 24px;
}
#accueilEntreprise .reseau-partenaire .partenaireList-itemContent-link {
    bottom: 16px;
}
#accueilEntreprise .devis-conseil .image {
    padding: 29.467px 87px 28.533px 87px;
    border-radius: 200px 0px;
    overflow: hidden;
}
#accueilEntreprise .devis-conseil .image img {
    width: 202px!important;
    height: 202px;
    object-fit: contain!important;
    border-radius: 0!important;
}


/*----------------------------
------- 04 - Services --------
-----------------------------*/

.page-services .realisation-list {
    overflow: hidden;
}
.page-services .a-savoir .blocAccroche-itemContent {
    padding:32px;
}
.page-services .a-savoir .imgAccroche {
    width: 154px;
    height: 154px;
    border-radius: 99px;
    overflow: hidden;
}
.page-services .a-savoir .imgAccroche img {
    width: 120px;
    height: 120px;
}
.page-services .devis-conseil .image {
    padding: 29.467px 87px 28.533px 87px;
    border-radius: 200px 0px;
    overflow: hidden;
}
.page-services .devis-conseil .image img {
    width: 202px!important;
    height: 202px;
    object-fit: contain!important;
    border-radius: 0!important;
}

/*----------------------------
-------- 05 - Contact ---------
-----------------------------*/

.page-contact .item-contact-info-single {
    border: 4px solid var(--color-secondary-light);
    padding: 24px;
    border-radius: 24px;
}
.page-contact .iframe-carte iframe{
    width: 100%;
    height: 456px;
}

/*----------------------------
------ 06- Responsive ------
-----------------------------*/

/* @media screen and (max-width:1520px) {
    #accueilParticulier .solutions .solutionList-item .solutionList-itemContent {
        width: 47%;
    }
} */
@media screen and (max-width:1300px) {
    #accueilParticulier .nos-services {
        padding: 40px 0 80px 0;
    }
}

/* @media screen and (max-width:1199px) {
    #accueilParticulier .solutions .solutionList-item .solutionList-itemContent {
        width: 31%;
    }
}  */

@media screen and (max-width:999px) {
    #accueilParticulier .nos-services .blocVignettesCarrefours-item:hover .blocVignettesCarrefours-itemContent {
        margin-top: 0;
    }
}

@media screen and (max-width:780px) {
    /* #accueilParticulier .solutions .solutionList-item .solutionList-itemContent {
        width: 47%;
    } */
    .page-services .a-savoir .accrocheCarrefours .blocAccroche-itemContent .content {
        flex: inherit;
    }
} 

@media screen and (max-width:680px) {
    .home .headerPage .headerContent {
        padding:0 20px;
    }

    .home h1::before {
        content:none;
    }
}

@media screen and (max-width:580px) {
    /* #accueilParticulier .solutions .solutionList-item .solutionList-itemContent {
        width: 100%;
    } */
    .page-accueil .vos-enjeux .enjeuxList-item .enjeuxList-itemContent,
    #accueilParticulier .solutions .solutionList-item {
        flex-direction: column;
    }
    .page-accueil .vos-enjeux .enjeuxContent-img {
        height: 400px;
    }
}