/* ------------------------ 

    01 - Home principale
    
    ------------------------ */

    .page-template-page-home-principale section#contents{
        padding: 0;
    }
    .page-template-page-home-principale #wrapper .inner{
        margin: 0;
    }


    /* Réseaux sociaux : Fixed Right */
    .rightFixed-reseau-sociaux{
        position: fixed;
        right: 0;
        top: 20%;
        background-color: var(--white);
        z-index: 1000;
    }
    .rightFixed-reseau-sociaux ul li{
        margin-bottom: 0;
    }
    .rightFixed-reseau-sociaux ul{
        margin: 0;
        flex-direction: column;
    }

    /* Section 1 */
    
    .ico-arrow-bottom {
        background-image: url('../img/charte/fertil-eveil-sprite.svg');
        background-repeat: no-repeat;
        background-size: 400px auto;
        background-position: -320px -40px;
        transform: rotate(-90deg);
       }
    .homeprincipale_section1 {
        height: 100vh;
        overflow: hidden;
    }
    .homeprincipale_section1Container .entite .logo {
        margin: 0 auto;
    }
    @media (max-width:956px){
        .homeprincipale_section1Container{
            height: 100vh;
        }
        .homeprincipale_section1Container .entite .logo {
            max-height: 80px;
        }
        .homeprincipale_section1Container .entite:nth-child(2),
        .homeprincipale_section1Container .entite:nth-child(1){
            flex: 1 0 auto;
            max-height: 24%;
        }
        .homeprincipale_section1Container .entite:nth-child(3){
            flex: 1 0 auto;
            max-height: 52%;
        }

    }

    .homeprincipale_blog .col-content {
        flex: 1;
    }

    .like-h2-strong{
        font-weight: 800;
    }


    .homeMini_title  h1{
        margin: 0;
    }

    .homeTitle{
        width: 90%;
        max-width: 1000px;
        position: absolute;
        left: 50%;
        height: 44%;
        transform: translateX(-50%);
        top: 56%;
    }
    .titleh1-line1{
        font-size: 6.4rem;
    }
    .titleh1-line2{
        font-size: 4.2rem;
    }
    .homeTitle-bg::after{
        display: block;
        content: "";
        position: absolute;
        top: 3%;
        right: 3%;
        left: 3%;
        bottom: 3%;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.4);

        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 65%, rgba(0,0,0,0) 100%);
        
    }
    .homeTitle-bg {
        position: absolute;
        top: 0;
        width: 100%;
        right: 0;
        transform: translateX(-50%);
        left: 50%;
    }
    @media (max-width:595px){
        .homeTitle-bg {
            top: 40%;
            width: 180%;
        }
    

    }
    .homeTitle-bg .arrow{
        width: 100%;
        position: relative;
        z-index: 10;
    }

    .homeprincipale_section1 h1{
        position: absolute;
        bottom: 4%;
        left: 0;
        right: 0;
        padding: 0 15px;
        text-align: center;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        z-index: 1000;
        line-height: 1;
        color: var(--white);
    }
    .homeprincipale_section1 h1{
        font-size: 3.5rem;
    }

        @media (min-width:1200px){
            .homeprincipale_section1 h1 .line1{
                font-size: 9rem;
            }
            .homeprincipale_section1 h1 .line2{
                font-size: 5rem;
            }
        }

    
    .entree_entite_container{
        left: 0;
        right: 0;
        top: 0;
        background-color: rgba(255, 255, 255, 0.4);
    }

    .entree_entite_container .btn-square-Jaune{
        background-color: var(--yellow);
    }
    .entree_entite_container .btn-square-Bleu{
        background-color: var(--blue);
    }
    .entree_entite_container .btn-square-Rouge{
        background-color: var(--red);
    }

    .entree_entite_container [class*="btn-square-"]{
        border-radius: 0;
        padding: 12px 20px;
        color: var(--white);
        transform: translateY(24px);
    }
    .entree_entite_container [class*="btn-square-"]:hover{
        background-color: var(--green);
    }


    .entree_entite_text{
        font-weight: 600;
        margin: 10px 0 0 0;
    }
    

    /* Section 2 */
    .home_section2_presprincipale,
    .homeprincipale_section2_presprincipale {
        padding: 5rem 0 20rem;
        clip-path: polygon(0 0, 100% 0%, 100% 78%, 0% 100%);
    }
    .home_section2_presprincipale h2,
    .homeprincipale_section2_presprincipale h2{
        font-weight: 500;
        font-size: 5.5rem;
        font-style: normal;
    }

    

    .homeprincipale_section2_presentites{
        transform: translateY(-6%);
        position: relative;
        z-index: 100;
    }
    .homeprincipale_section2_presentites-arrow{
        position: absolute;
        top: 50%;
        width: 50%;
        transform: translateY(-50%);
        /* left:5%; */
        right:50%;
    }

    .pres_entite_picture::before{
        display: block;
        width: 100%;
        content: "";
        padding-top: 100%;
    }
    .pres_entite_picture {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
    }
    @media (max-width:955px){
        .pres_entite .pres_entite_container{
            order: 2;
        }
        .pres_entite .pres_entite_img{
            order: 1;
        }    
    }

    @media (min-width:956px){
        .pres_entite:nth-child(odd) .pres_entite_container{
            order: 2;
            margin-left: auto;
        }
        .pres_entite:nth-child(even) .pres_entite_img{
            margin-left: auto;
        }    
    }


    .pres_entite_container h3{
        color: var(--green);
        font-size: 6.5rem;
        margin-bottom: 30px;
        font-style: italic;
    }
    .pres_entite_container h3::after{
        display: block;
        content: "";
        width: 10%;
        height: 3px;
        margin: 5px 0;
    }

    .pres_entite-Jaune h3::after{
        background-color: var(--yellow);
    }
    .pres_entite-Rouge h3::after{
        background-color: var(--red);
    }
    .pres_entite-Bleu h3::after{
        background-color: var(--blue);
    }


    /*  */
    .home_section5_containerLeft h2, 
    .homeprincipale_section3_containerLeft h2{
        font-style: normal;
    }
    .home_section5_containerLeft 
    .homeprincipale_section3_containerLeft{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .home_section5,
    .homeprincipale_section3{
        background-color: #000;
    }
    .home_section5_intro,
    .homeprincipale_section3_intro{
        font-size: 1.6rem;
    }
    .home_section5_titleVideo,
    .homeprincipale_section3_titleVideo{
        position: relative;
        z-index: 1000;
    }


    .home_section5_picture,
    .homeprincipale_section3_picture{
        opacity: 0.5;
    }
    .play{
        display: flex;
        margin-right: 20px;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 70px;
    }

    @media (min-width:1024px){
        .home_section5_titleVideo,
        .homeprincipale_section3_titleVideo{
            transform: translate(-45px, 20px);
        }
        
    }
    .ico-play{
        background-position: -360px 0;
    }

    .chiffreAnim {
        color: var(--green);
        font-weight: 800;
        margin-bottom:0;
        font-style: italic;
    }

    .homeprincipale_section4_author{
     font-size: 3rem;
     font-family: "kaneda-gothic", sans-serif;
     color: var(--green);
    }


    @media (max-width:1024px){

        .homeprincipale_section4_citation{
            font-size: 2.8rem;    
        }
    }











    /* ------------------------ 

    02 - Home mini site
    
    ------------------------ */

        body:not(.single-mp_produit) #header{
            position: absolute;
            left: 0;
            right: 0;
            top:0 !important;
            z-index: 1000;
        }
        .page-template-page-home .bg-page-yellow{
            background: none;
        }

        .page-template-page-home #wrapper .inner{
            margin-top: 0;
        }
        .page-template-page-home     section#contents {
            padding: 0;
        }




        /* Section 1 */
        .home_section1 {
            height: 100vh;
            overflow: hidden;
            position: relative;
        }
        .homeMini_title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 100;
        }

        .ico-arrow-green-bottom{
            background-position: -320px -200px;
            transform: rotate(90deg);
        }
        /* Section 2  */
        .home_section2_presprincipale .link-arrow-white::before{
            order: 2;
        }

        /* Section 3 */
        .sliderServiceTitle h2{
            font-weight: normal;
        }
        .sep{
            display: block;
            height: 3px;
            width: 20%;
        }
        .service_title{
            line-height: 1;
        }
        .service_title1{
            font-size: 3.5rem;
            margin-right: 25%;
            color: var(--green);
            font-family: "kaneda-gothic", sans-serif;
        }
        .service_title2{
            font-size: 5.5rem;
            color: var(--green);
            font-family: "kaneda-gothic", sans-serif;
        }


            .slideService::before{
                display: block;
                content: "";
                width: 100%;
                padding-top: 100%;
            }
            .slideService{
                position: relative;
            }
            .serviceContainer{
                position: absolute;
                top: 10px;
                left: 10px;
                right: 10px;
                bottom: 10px;
            }
            .slideService h3 a{
                color: var(--green) !important;
            }
            .slideService h3{
                font-size: 2.5rem;
                font-style: normal;
                color: var(--green);
            }
            .service_description{
                font-size: 1.3rem;
                line-height: 1;
            }


            
            /* Section 4 */ 
            .home_section4 h2{
                font-style: normal;
                font-weight: 500;
            }

            .home_section4_description{
                margin-bottom: 30px;
                font-size: 1.6rem;
            }
            .home_section4_picture{
                z-index: 100;
            }
            .home_section4_picture::before{
                position: relative;
                display: block;
                content: '';
                width: 100%;
                padding-top: 100%;
            }
            .home_section4_pictureContainer{}

            .home_section4_bg{
                position: absolute;
                left: 8%;
                right: -8%;
                top:8%;
                bottom: -8%;
                width: 100%;
                height: 100%;
            }

            .home_section5_link a[class*="link-arrow-"]{
                color: var(--white) !important;
            }
            .home_section5_link a[class*="link-arrow-"]::before,
            .home_section5_link a[class*="link-arrow-"]:hover::before{
                margin: 0 10px 0 0;
            }
            .noitalic{
                font-style:normal ;
            }

            .home_section6{
                padding: 10rem 0;
            }

            .tease-post .resumPost_picture img{
                transition: 0.2s ease-in-out;
            }
                .tease-post:hover .resumPost_picture img{
                    transform: scale(1.1);
                }

            .resumPost_picture::before{
                position: relative;
                display: block;
                content: '';
                width: 100%;
                padding-top: 70%;
            }
            .resumPost_picture {
                position: relative;
            }
            .tease-post{
                border-radius: 10px;
                overflow: hidden;
            }
            .tease-post h2{
                font-style: normal;
                font-size: 3.5rem;
            }

            .link-small-arrow{
                display: inline-flex;
                align-items: center;
                font-family: "kaneda-gothic", sans-serif;
                font-style: italic;
                font-size: 1.5rem;
                letter-spacing: 0.1rem;
                font-weight: 700;
            }
            .link-small-arrow::before{
                content: "";
                transition:0.2s ease-in-out;
                margin-right: 5px;
                display: block;
                width: 20px;
                min-width: 20px;
                height: 20px;
                background-image: url('../img/charte/fertil-eveil-sprite.svg');
                background-repeat: no-repeat;
                background-size: 400px auto;
                background-position: -370px -10px;        
            }
            .link-small-arrow:hover::before{
                margin: 0 10px 0 10px;
            }


            /* Section 7 */
            .categories_catalogTitle h2::after,
            .home_section8 h2::after,
            .home_section7 h2::after{
                display: block;
                content: "";
                width: 46px;
                margin-top: 10px;
                height: 4px;
                background-color: var(--green);
            }
            .categories_catalogTitleBg{
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 0;
            }

            @media (min-width:768px){
                .categories_catalogTitleBg{
                    right: 50%;
                }
       
            }
            .categories_catalog:nth-child(3n+1) .categories_catalogListBg{
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 0;
            }
            .link-arrow-full:visited,
            .link-arrow-full:link,
            .link-arrow-full{
                display: flex;
                padding:25% 15px;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                color: var(--white) !important;
                
            }
            
            
            .link-arrow-full::before{
                margin: 0 0 10px 0 !important;
                background-position: -360px -40px;
                transform: rotate(0deg);
            }
            .link-arrow-full:hover{
                background-color: var(--green) !important;
            }
            .link-arrow-full:hover::before{
                margin:0 0 10px 0 !important;
            }


            #header .nav{
                justify-content: flex-end;
                display: flex;
                flex-direction: column;
            }
            #header .nested{
                flex: 1 0 auto;
                display: flex;
                align-items: center;
                justify-content: flex-end;
            }

            .header-menu{
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                max-width: 192px;
            }
            .header-menu_link{
                flex: 1 0 auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                font-weight: bold;
                justify-content: center;
                text-align: center;
            }



       
            .theme-blue .footerHome_reassurance .item,
            .theme-red .footerHome_reassurance .item{
                color:var(--white) !important;
            }
            .home_section9Left{
                padding: 0 10%;
                font-size: 2rem;
                color:var(--green);
                font-weight:bold;
            }
            .home_section9Left li::before{
                min-width: 12px;
                margin-top: 2px;
                width: 12px;
                height: 12px;
                background-position: -374px -94px;
            }

            .theme-blue  .home_section9Left li::before,
            .theme-red .home_section9Left li::before{
                background-position:-374px -14px;
            }

            .home_section9Left_right{
                background-image: url('../img/charte/fleur.svg');
                background-repeat: no-repeat;
                background-size: 100% auto;
                background-position: center center;
            }
            .home_section9Right{
                padding-left: 3%;
                padding-right: 3%;
            }
            .home_section9Left_title{
                font-size:3rem;
                margin-bottom: 20px;
                font-style:normal
            }